profile
웹퍼블리셔

Swiper 활용 - 반응형, display:none 이슈

swiper를 적용하여 반응형 코딩을 하던 중 반응형 기준에 맞춰 swiperPerView를 3,6,9씩 보여주는 UI를 만들던 중 브라우저창 전체화면 시 swiper가 일부 깨지는 현상이 발견되었다.윈도우 리사이즈시 swiper.update() 메서드를 실행하면 해결

2022년 3월 11일
·
0개의 댓글
·
post-thumbnail

Gulp 시작하기

Gulp란? nodejs와 npm 기반의 task-runner이다. Gulp 시작하기 Gulp 설치 >npm install --save-dev gulp >gulp -version gulp 설치 후 gulp version을 체크하여 설치가 완료되었는지 확인한다.

2022년 1월 3일
·
0개의 댓글
·

scroll시 브라우저 렌더링 오류 개선

오류 분석 안드로이드 일부 기기에서 스크롤을 빠르게했을시 브라우저의 렌더링 오류인지 레이아웃이 깨지는 현상이 발생되었다.. Before에 컨텐츠 내용이 잘 나왔다면, 사용자가 스크롤을 아주 빠르게 이동했을시 After 화면 처럼 컨텐츠의 일부 텍스트, 이미지 등이 렌

2021년 12월 26일
·
0개의 댓글
·

웹 렌더링 속도 개선

브라우저 ⇒ 도메인서버와 통신하여 호스트의 IP를 찾음.이후 브라우저는 해당 호스트IP서버와의 TCP 연결을 생성, 이제 브라우저는 IP서버와의 리소스 요청및 다운로드를 진행한다.리소스에는 HTML,CSS,IMAGE,JS,Font 등.. 리소스를 다운로드하면서 페이지를

2021년 11월 30일
·
0개의 댓글
·