몸과 마음이 건전한 SW 개발자

display: flex를 사용해서 도형을 가로로 정렬할 수 있다. justify-content를 사용해서 도형을 정렬할 수 있다. display: flex justify-content 반응형 기타 코드 1. Display: Flex 파란색 테두리의 초록색 큰 직사각형은 display: flex가 적용되지 않았다. 따라서 도형은 세로로 정렬된다. 하지만 display: flex를 적용하면 첫째 줄의 작은 상자들 처럼 가로로 정렬된다. 2. Justify-Content justify-content: center를 적용하면 가운데 justify-content: flex-end를 적용하면 오른쪽으로 정렬한다. (그냥 end와 right도 비슷한 기능을 하는 것 같다.) 위의 사진을 참..

리액트를 실행하고 react-router-dom을 사용할 수 있다. react-router-dom의 outlet 기능을 사용할 수 있다. outlet 기능을 사용하면 부드러운 화면 전환이 가능하다. 리액트 타입스크립트 실행 reat-router-dom 설정 outlet 설정 NavLink를 통한 화면 전환 기타 코드 1. 리액트 타입스크립트 실행 https://sound-programming.tistory.com/186 리액트 타입스크립트 시작하기 [React, TypeScript, NVM, Prettier] node.js 설치 nvm 설치 nvm 간단 사용법 create-react-app baseUrl prettier 1. Node.js 설치 https://node..

node.js 설치 nvm 설치 nvm 간단 사용법 create-react-app baseUrl prettier 1. Node.js 설치 https://nodejs.org/en Node.js — Run JavaScript Everywhere Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 여기 들어가서 설치하면 된다. LTS를 설치하는 것이 좋다. LTS란? 장기적으로 지원하는 버전이다. 즉 Long Term Support의 줄임말로 일반적인 버전보다 오랜 기간 지원하도록 특별하게 만들어진 소프트웨어의 버전을 뜻한다. 2. NVM 설치 node를 설치했는데 node의 버전을 바꾸고 싶을 때 ..