profile
웹퍼블리셔

css 단위 em, rem

rem, em 이란?

2025년 2월 19일
·
0개의 댓글
·

아이폰 Safari에서 css vh 오류

1. vh값이 적용되지않음 > 아이폰 Safari에서는 노치화면과 url바 등으로 힌해 vh값이 제대로 적용되지않는다. 해당 부분까지 포함하여 계산하는것으로 예상됨 🚨 vh는 vh = viewport height 라는 의미로 화면에 보여지는 viewport에 맞춰

2025년 2월 18일
·
0개의 댓글
·

Github 사용해보기

분산 버전 관리 시스템인 git저장소 호스팅을 지원하는 웹 서비스. 원격 저장소 역할 및 다른사람들과 협업을 가능해게 해준다. 로컬=>원격으로 업로드 해보기\-u 옵션은 해당 원격저장소 주소를 기억해두라는 의미로 한번 실행후에 git push만 입력해도 push됨. g

2025년 2월 18일
·
0개의 댓글
·
post-thumbnail

Git 사용해보기

git을 누가 사용하고있는지 구분하기위해 PC의 Terminal에 진입해서 유저이름 세팅을 해줍니다.,이후 프로젝트 root경로에 진입, git init 명령어를 통해 git을 시작합니다.이제 git을 시작했으니, 저장소(repository)에 파일을 저장하는 명령어를

2025년 1월 16일
·
0개의 댓글
·

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개의 댓글
·