jwj3400

포지션 모든 태그들은 초기 position static이 default, static은 오른쪽에서 왼쪽, 위에서 아래로 쌓임 포지션에는 static, relative, absolute, fixed가 존재 relative는 요소 자기자신의 원래 위치(static일 때의 위치)를 기준으로 배치 relative는 top, right, bottom, left 속성으로 위치 조절이 가능 relative는 각각의 방향을 기준으로 태그 안쪽으로 이동 (해당 움직임이 본래 위치로 돌아오려면 어떤값을 써야할 지를 역으로 적는다고 생각) absolute는 가장 가까운 위치에 있는 부모 요소를 기준으로 배치 부모 Position을 가진 요소가 없다면 초기 컨테이닝 블록(웹 페이지 전체)을 기준으로 함 Fixed는 뷰포트를 ..

create-react-app은 리액트 개발에 필요한 웹팩, 바벨, 테스트 라이브러리 등 다양한 환경을 한 번에 제공해줌 Webpack 여러개의 파일을 하나로 합쳐주는 모듈 번들러(번들러는 의존성이 있는 모듈들을 하나의 파일로 통합시켜주는 도구) 번들러를 사용하는 이유? 1. 한번에 많은 요청을 하지 않아도 된다. 예를 들어 한 웹페이지에서 사용하는 자바스크립트 파일이 10개정도 된다고 가정해보자. 그렇다면 웹 페이지가 로드될 때 자바스크립트 파일 10개롤 모두 네트워크를 통해 요청해서 받아와야 해서 네트워크 병목현상이 발생할 수 있다. 2. 모듈 단위로 개발하여 유지보수성을 높일 수 있다. 하나의 파일에 모든 자바스크립트 코드가 있다고 할때 그 코드가 몇 천 라인, 몇 만 라인인지는 모르지만 우리가 수..

Flex Flex 레이아웃을 만들기 위한 구조 html item1 item2 item2 css .container { display: flex; /* display: inline-flex; */ } Flex에 속성들은 컨테이너에 적용하는 속성 inline-flex: 반응형으로 동작하지 않음, 화면 창이 작아지거나 하면 아랫줄로 block이 내려 아이템들이 배치된 방향의 축을 Main Axis, 그 와 수직인 방향을 Cross Axis라고 부름 flex-directoin: 축의 방향을 결정하는 속성 즉, Main Axis의 방향을 결정 아래와 같은 4가지 방향이 존재 .container { flex-direction: row; /* flex-direction: column; */ /* flex-direct..

1) 해당 명령어의 사용이유 단순히 이전 돌아가고 싶은 커밋으로 가고 싶을 때 사용하거나, 버그로 인하여 롤백해야하는 경우 이전 커밋으로 되돌아가기 위해 위 명령어를 사용 2) git reset과 git revert 차이 git reset: reset은 아예 현재가 없었던 것 처럼 원하는 과거로 돌아감. reset은 이력을 남기지 않음. 따라서 현재까지의 commit 이력을 남기지 않고 원하는 시점으로 완전히 되돌아가고 싶을 때 사용 혼자만 사용하는 브랜치인 경우 / origin에 있지만 아무도 이 브랜치를 사용하지 않는다는 확신을 가지는 경우에 사용 git revert: revert는 과거로 돌아가겠다는 이력을 남겨두고 원하는 시점으로 돌아감, 즉, 이전의 commit 내역을 남겨두고 새로운 commi..