분류 전체보기136 프론트엔드 성능 최적화 가이드 프론트엔드 성능 최적화 가이드 수강생 2천 명이 선택한 인프런 인기 강의 다년간의 컨설팅과 강의 노하우를 담았다! 4가지 실전 서비스로 배우는 웹 성능 최적화 기법 '웹 성능 최적화'는 프론트엔드 개발자라면 반드시 고민해야 하는 이슈다. 서비스 환경과 상황에 따라 필요한 최적화 포인트가 다르고, 기법도 매우 다양하기에 개발 중인 서비스 특성에 맞게 커스터마이징하는 능력이 중요하다. 저자는 수많은 기업의 웹 서비스 성능을 컨설팅하고, 삼성 SSAFY, 프로그래머스, 인프런, 스터디파이 등 강의 플랫폼에서 최적화 및 개발 강의를 진행한 경험을 책에 고스란히 녹여 냈다. '성능 최적화' 주제를 효과적으로 배우는 데 이론보다는 실습이 중요함을 강조하며 현장감 있게 구성했다. 이 책은 실생활에서 흔히 개발하는 4.. 2023. 1. 11. JQuery 호환성 확보 JQuery 2.x 기반으로 작업을 했더니 몇몇 기능이 안된다는 문의가 들어왔다. 아무래도 이용 중인 브라우저 버전이 낮아서 그럴 것 같아서 호환성 문제를 찾아보니 역시나 JQuery 2.x에서 IE8 이하를 지원하지 않아서 발생하는 문제같다. 마이그레이션을 설치하면 된다고 하여 설치해 보았다. https://github.com/jquery/jquery-migrate/#readme 일단 클릭해도 드롭다운메뉴가 나오지 않는 문제, 카트 버튼을 눌러도 카트에 담았습니다...라는 경고창이 안뜨는 문제는 해결. 아래의 코드도 삽입해서 버전별로 분기하도록 처리. 2016. 5. 25. LG 유플러스 결제창이 iframe이 아닌 별도의 윈도우로 뜰 때 크롬으로 결제 테스트를 했을 때는 아무런 문제없이 iframe 삽입 방식으로 결제창이 떴는데 IE로 실행하기만 하면 별도의 윈도우 탭으로 결제창이 하나 또는 두 개씩이나 뜨고 결제까지는 성공해도 제대로 부모창으로 돌아가지 못해 최종적인 결과화면을 볼 수 없어 제대로 처리가 되지 않는 문제가 발생했다. 고객센터 기술지원팀과 이것저것 테스트해보았으나 샘플 코드 페이지는 정상적으로 실행이 되고 있었다. 웃기는건 별도의 윈도우 탭으로 결제창이 떴을 때 닫고 난 뒤 부모창에서 리프레시를 하고 다시 결제창을 띄워보면 부모창 안에서 결제창이 정상적으로 뜬다는 것이었다. (정상적으로 실행이 되었을 때의 화면) 결국 소스코드에 이상이 있어서 그럴 수 밖에 없다. 첫 번째로 찾아낸 것은 iframe 이라는 파라미터가 대소.. 2016. 5. 10. sublimelinter를 사용해 실시간으로 문법 오류 체크하기 linter는 실시간으로 문법을 체크해준다.sublimelinter를 사용하게 되면 PHP 뿐 아니라 CSS, JS, Python 등도 가능하다. sublimelinter는 서브라임 텍스트의 패키지 컨트롤을 통해서 설치한다.sublimelinter-php 도 마찬가지. css나 js 를 위해서는 nodejs가 필요하니 nodejs 에서 최신 버전을 설치해준다.sublimelinter-csslint 나 sublimelinter-jshint 같은 경우에는 패키지 컨트롤을 이용해서 설치도 가능하지만, nodejs 를 설치했으므로 npm 을 이용해서 설치해 보자. 커맨드창을 열고 npm install -g jshint 와 npm install -g csslint 를 각각 실행한다. 그리고 커맨드창에서 where.. 2016. 3. 31. 이전 1 2 3 4 ··· 34 다음
