kasumil의 코딩 공작소

회사 소개 사이트가 완성된지는 꽤 오래되었는데, 해당 사이트 최적화 이슈가 터졌다. 모바일은 너무 느리다고... 원인을 찾아보니 첫번째. 영상의 크기가 너무 컸다. 두번째. 영상의 로딩시 임시로 띄울 화면이 없었다.(poster 속성 미기재) 세번째. 이미지들이 너무 컸기에 문제가 있었다. 네번째. js와 css 호출하는 데 있어 blocking때문에 그러했다. 1번의 경우 영상이 50mb 이상의 파일을 2개이상이나 호출하고 있었다. 2. poster 속성의 이미지를 미기재 할 경우 load단계에서 동영상 다운로드 문제로 대역폭이 좁아져 자연스럽게 blocking이 된다. ㄴ poster를 기재하면, 일단 load단계에서 poster이미지를 호출하고, 브라우저 load작업이 끝나면, 그때부터 동영상을 호..

$('#upload').on('change', function() { console.log('upload'); }); 방법은 간단하다. 변화를 감지하게 하여 해당 파일이 업로드시에 해당 console.log가 찍히는 부분에 원하는 코드 예를 들어 ajax나 또는 axios, fetch를 넣어 서버에 통신하게 하면된다. 속도에 문제가 있다하면, 제이쿼리보다 바닐라코드가 빠르므로 제이쿼리를 쓰지 않는다면, 바닐라 코드를 쓰길 권장한다. document.getElementById('upload'); 이렇게 접근하면 된다.

for($i=250; $i >= 1; $i--) { echo "" . $i . ""; } 원인은 간단하다. 3항연산자를 value 이후에 사용하였으나, ="="로나오는 증상. 그냥 컴퓨터가 파싱할때 속성으로 인식해서 발생하는 문제. 나는 3항 연산자를 사용했지만, 컴퓨터 코드가 보기에는 property key = property value로 보기에 발생하는 문제. 하는 수 없이 그냥 echo문을 끝내고 if문을 작성 후 다시 echo문을 사용하여 나머지 문장을 완성하였다.

php 페이지 입력값을 넘기는데 있어 여러가지 방법이 있다. 1. quertstring의 방법 해당 태그중 db에서 주는 값을 주고 해당 번호를 클릭하면 href ="특정페이지?id=x" 이렇게 넘겨주고 이를 분석하는 코드를 넣어 번호 값을 가져와 이를 처리하는 방법이 있다. 2. 아니면 오늘 설명하는 방법인 form 태그 select 박스의 밸류값을 이용한 방법이다. Choose option Apple Banana Coconut Blueberry Strawberry 위의 html같은 방식으로 구현을 한 다음 해당 코드를 구현했더니 해당 페이지에 제대로 된 내가 원하는 value값을 가져와 해당 페이지를 쓸 수 있었다. 아직 다시보니 disable을 코드에 집어넣지 않았는데, 이를 내일가서 고쳐야겠다. ..