javascript를 다시 공부하며 딥다이브 스크럼과 함께 진행을 했습니다.이 과정에서 잘 알고 있었다고 생각했던 부분들이 이웅모 강사님과 함께 딥다이브를 공부하면서 확실히 이해하지 않고 넘어갔다는 것을 다시한번 깨달았습니다.....

Intersection Observer API는 타겟 요소와 상위 요소또는 최상위 document의 viewport 사이의 intersection 내의 변화를 비동기적으로 관한하는 방법입니다...

RESTful API는 두 컴퓨터 시스템이 인터넷을 통해 정보를 안전하게 교환하기 위해 사용하는 인터페이스입니다.Representational State Transfer(REST)는 API 작동 방식에 대한 조건을 부과하는 소프트웨어 아키텍처입니다...

https를 적용하는 방법은 여러가지 방법이 있지만 Dcoker와 Nginx를 활용해서 리버스 프록시 방식으로 적용하는 방법에 대해 알아보겠습니다!개발 환경Next.js는 local환경에서 3000번 포트를 가르키고 있는 http로 동작하고 있습니다...

이번 시간엔 HTTP와 HTTPS, 그리고 HTTP의 역사를 간한하게 살펴보겠습니다!

Class를 활용한 모듈화를 하기 앞서서 간단하게 Class에 대해서 알아보고 넘어가겠습니다...

어느덧 공부를 하다가보니 2개월차가 되었습니다..다시 처음부터 하는 마음가짐으로 공부를 하며 함께 이웅모 저자님과 함께 딥다이브 스크럼을 진행하고 있는데 스크럼을 진행하면서 javascript에 대해 자세히 모르고 넘어갔다는 생각이 들었습니다....

브라우저 저장소는 크게 Web Storage(local, session), IndexedDB로 나누어 질 수 있습니다key-value 쌍을 저장 할 수 있는 Web Storage 기술로 페이지의 프로토콜별로 구분하여 저장이 됩니다...

html의 a 태그에는 rel속성에의 값으로 noreferrer, noopener, nofollow의 값이 존재하는데 이들은 각각 보인 및 SEO에 영양을 줄 수 있는 속성들입니다.새로운 탭에서 링크를 열 때 사용됩니다.다른 페이지를 탐색 할 때 브라우저가 참조하는..

HTML 레이아웃을 구성하며 자주 사용하는 display 속성 중에 flex 와 grid가 있는데 오늘은 이 둘을 자세히 확인해 볼 예정입니다...

3d에서는 하드웨어 가속을 사용 할 수 있다...?인터넷을 통해 찾아봤을때는 하드웨어 가속이 3d를 사용할 때 활성화 되고, 2d를 사용할때는 비활성화된다고 설명하고 있어서 실제로 테스트를 간단하게 진행해봤습니다!간단한 다음과 같은 에니메이션을 작성한 후 사진상으로는

특정 사이트를 들어갈 때 그 사이트에서만 사용하는 폰트를 다운 받기 위해 수행되는 ajax요청 또한 페이지를 보여주기 위해 수행되는 과정중 하나로 사용자들은 폰트가 로딩 되기 전까지 FOUT / FOIT 방식에 따라 폰트가 로딩 되기 전까지 빈화면을...

제로베이스의 과제와 학습을 진행하기 전까지 개인적으로 react/next.js 등 다양한 공부를 하고, 프로젝트를 진행하면서 html/css 에 대한 기본기가 어느 정도 있다고 생각하면서 진행을 했었는데...

SEO(검색 엔진 최적화)란? SEO(search engine optimization)는 검색 엔진 최적화로, 검색 엔진의 결과에서 높은 순위(좋은 위치)를 가질 수 있도록 검색 엔진의 매치 순위를 높이는 전략입니다.

먼저 크로스 브라우징에 대한 정의를 살펴보면..

지난 한달간 제로베이스를 진행하며 마크업을 처음부터 다시 하다보니 제가 WAI-ARIA속성에 대해 자세히 이해하지 못하고 있었던 부분을 확인했습니다!추가로 한달간 진행하면서...

웹 개발을 위한 마크업 진행과중정에 내가 과연 시멘틱 태그에 대해 얼마나 알고 이를 활용할까? 라는 의문과 함께 정리를 해보고자 합니다!

내가 가고 싶은 회사는 상품 개발에 열정적인 문화가 존재하며, 새로운 기술과 혁신을 추구하며 개인의 개발 가능성이 높은 환경과 기회가 있는 회사로 가고 싶습니다...

scss(sass)를 공부하면 기존에 사용했던 tailwindcss의 형태와 비슷한 functional css 를 구현해 보고자 @each를 활용하여...

프론트엔드 개발자가 가져야 할 능력으로는...