# 학습 전 개인 프로젝트를 진행중이다. 그러던 중 Layout 문제에 부딪혀 CSS에서 flex와 grid에 대해 공부를 잠시 진행하려고 한다. flex는 주로 사용해서 아는 편이지만 grid에 대한 공부가 필요했다. 그래도 다시 공부할 겸 flex부터 공부하고자 한다. # 오늘의 TIL 내용 flex flex container의 flex-direction 기본값은 row이다. row는 가로, column은 세로(열) justify-content는 수평축에 있는 flex children의 위치를 변경한다. 많은 속성 값이 있지만 나는 주로 사용하는 것은 center, space-between, space-around 이다. center space-between - box 사이에 space-around ..

# 시작의 한마디 내일은 면접이 있어 면접을 준비하려고 한다. # 개발 업무내용 [오늘의 목표] 디오코 면접 준비 # To-do List [주요 일정] 면접 준비

# 시작의 한마디 잠시 쉬는 동안 깨달은 것이 있다. 개인 프로젝트를 하기 앞서 준비를 철저히 해야겠다고 생각했는데 이제는 먼저 실행 하면서 만들어보고자 한다. 무엇을 할까 고민하던 중 개인 프로젝트를 만들고자 구상을 시작했다. 기존에 만들고 싶었던 것이 있어서 그것을 만드는 목적과 어떤 기능들을 넣을지 고민하고 있다. 이번 주 중으로 목적, 기능, 개발환경, 와이어프레임을 완성하려고 한다. # 개발 업무내용 [오늘의 목표] 개인 프로젝트 구상하기 (만드는 목적, 필요한 기능, 개발환경) 디오코 면접 준비 # To-do List [주요 일정] 프로젝트 구상 면접 준비

설치방법-01 cli로 설치하기 $ npx create-react-app my-app --template typescript 또는 $ yarn create react-app my-app --template typescript my-app 부분에 프로젝트 이름을 쓰면 된다. 설치방법-02 기존 React 작업에 TypeScript를 적용하기 $ npm install --save typescript @types/node @types/react @types/react-dom @types/jest 또는 $ yarn add typescript @types/node @types/react @types/react-dom @types/jest

TypeScript는 JavaScript를 기반으로 한다. TypeScript는 strongly-typed 언어이다. strongly-typed 란, 프로그래밍 언어가 작동하기 전에 type 을 확인한다는 것이다. JavaScript는 strongly-typed 언어가 아니다 . 데이터 타입이 뭔지 신경쓰지 않는다. 예를 들어 plus라는 function을 만들어보자. const plus = (a, b) => a + b; plus(2, 2) // 4 여기서 JavaScript는 a와 b가 어떤 타입인지 모른다. 그냥 a + b 결과만 보여준다. 실수로 아래와 같이 코드를 입력했다면 plus(2, "Hi") // "2Hi" 이런 실수를 방지하기 위해서 안전장치가 있었으면 좋겠다. JavaScript에게 a..