무한 스크롤 구현방식 window의 scroll이벤트를 통해 스크롤링이 일어날 때마다 스크롤 위치가 화면 끝인지 확인하여 컨텐츠를 불러오는 방식 intersection observer 방식 구현 순서 DUMMY_DATA를 사용해서 5장의 사진을 불러오기 API를 연동해서 5장의 사진을 불러오기 불러오기 버튼을 만들어 ...

Flex 1차원 구조를 수직, 수평 정렬을 하기 위해 사용하는 속성 display, direction, flex-wrap, justify-content(주축), align-items(교차축) 속성을 배움 Grid Flex와 비슷하지만 Grid는 2차원 레이아웃 구조를 다루기 위한 속성 grid-container cell 내부 속성 jus...

float 현재는 1차원 수평 정렬로 Flex를 많이 사용하지만 예전에는 float속성을 많이 사용했기 때문에 예전에 만들어진 프로젝트를 진행하면 float를 만날 수 있기 때문에 알아야된다. 또한 float를 사용한다면 몇 요소들은 display속성이 block으로 변한다. clearfix 활용 float 자식 요소들을 담고 있는 컨테이너가 온...

5주차 나의 목표 노션 클론 프로젝트 운동하기(턱걸이 바 사서 해보까..?) 팀원들의 코드 리뷰하기(다양한 사람들의 코드를 보며 배워보자!) 프로그래머스 웹 데브매칭(이번주에 공부한 내용을 한번 써보자!) 5주차 나의 모습은? 졌지만 잘 싸웠다… 이번 주는 노션프로젝트로 일주일을 가득 채웠다. 분명 나에게 주어진 시간...

InnerHTML 🕶선입견 프로젝트를 하면서 InnerHTML를 사용하여 구현했다. 나는 InnerHTML이 하면 보안에 취약하다고 알고 있었기 때문에 좋아하는 방법은 아니었다. 하지만 InnerHTML을 쓰게 된 이유는 프로젝트를 하면서 아직 나에게 맞는 방법을 찾지 못했고 강사님이 알려주신 것을 활용해보고 싶었기 때문에 InnerHTML을 ...

4주차 나의 목표 매주 하나의 주제에 대해 아티클 작성(아티클 작성 시 거의 하루 종일 작성하기 때문) 생활 습관 개선 (8시기상 → 1시 취침 7시간은 자야 내가 활동을 잘하는 거 같다.) 운동하기(점심 먹기 전 홈트 및 산책등..) 4주차 나의 모습은? 적응? 진화중..? 3주차와 똑같은 생각이지만 더 정리해보고 싶어...

SPA 일반적인 정적인 웹페이지 HTML 파일들로 페이지가 구성 url이 파일 경로와 이름이 됨 url상 파일명이 없을 경우 index.html을 찾으려함 SPA가 나오게 된 배경 정적인 파일을 웹 서버로 제공하는 방식뿐만 아니라 PHP, Java, Node.js등 을 이용해 동적으로 HTML을 생성해서 제공하는 방식 H...

Execution Context(실행 컨텍스트)란? ECMAScript 스펙에 따르면 실행 가능한 코드를 형상화하고 구분하는 추상적인 개념 다시 말해 코드에 선언된 변수와 함수, 스코프 등의 정보들을 모아 놓은 객체 또는 환경이라고 생각하면 된다. 실행 컨텍스트는 동일한 환경(스코프)에 있는 코드를 실행할 때 필요한 환경 정보들을 모아 하나의 ...

Import export 키워드로 내보진 변수, 함수 등등을 불러올 수 있는 키워드 사용법 import defaultExport from ‘module-name’; module-name 내에 export default로 내보내진 것을 가져온다. 컴포넌트는 이 규칙을 활용하는 경우가 많다 ...

3주차 나의 목표 아티클 작성해보기 CS스터디 꼼꼼히 해보기 하루에 해야 할 강의 밀리지 않기 운동하기 3주차 나의 모습은? 열정에서 살려줘~😥 오늘은 데브코스 3주 차의 금요일이다. 오늘이 수요일일 줄 알았는데 이렇게 빨리 금요일이 될 줄 몰랐다. 아직 이번 주에 해야 될 것이 많은데 해야될 것들이 산더미처럼 쌓인 느...