\(@^0^@)/

이번 과제는 next.js와 typescript를 사용해서 해당 사이트의 메인 화면을 클론 코딩하는 것. ✨ 과제를 하면서 아쉬웠던 부분들은 구현한 사이트에서 아쉬웠던 부분은 개발자 도구로 해당 사이트의 스타일을 참고하였는데, 시멘틱 태그들을 쓰지 않고, div로 모두 스타일을 적용했던 것들이 조금 아쉬웠다. 나 또한 늘 div만을 써오다가 최근에는 시멘틱 태그의 중요성을 알게 되어, 시멘틱 태그를 적용하자 마음을 먹고 조금씩 천천히 적용하고, 적응을 하려고 노력하고 있는 상태여서 그런지 이러한 점들이 조금 눈에 보이니까 나도 발전하고 있구나!라는 생각이 들어서 나름 기분이 좋았다 :) styled component, global css활용 부족 스타 일드 컴포넌트, 글로벌 css를 사용하였는데 이번 과..

옵션 파라미터 // 둘은 동일한 표현 // | undefined 를 ? 로 대체할 수 있다. name : string | undefined name ? : string 타입 extend // 타입 변수를 생성할땐 맨앞의 문자를 대문자로 하고, // 구분하기 쉽게 뒤에 type을 붙여주면 좋다. type OrangeType = string; type PriceType = number; type OrangePriceType = OrangeType | PriceType;​ // & 연산자로 object를 extend 할 수도 있음.​ // 하지만 같은 이름의 type 변수를 재정의 할 수는 없음. type ScrollX = {x : number] ; type ScrollY = {y : number] ; typ..

💥Typescript 쓰는 이유 JS는 Dynamic typing을 지원하는 언어로, 타입에 대해 관대하다. 하지만 Dynamic typing은 조그마한 사이즈의 프로젝트라면 편리하지만, 큰 프로젝트를 할 때에는 단점이 될 수 있음. type과 관련된 버그들이 많이 발생하기 때문. ✍ 일반 HTML CSS JS 웹 개발 시 TS를 사용하려면 Node.js 최신 버전, Vscode 에디터를 설치 Vscode 에디터 터미널에 명령어 입력 npm install -g typescript​ 작업 폴더 생성하여 오픈 작업 폴더에. ts로 끝나는 파일을 만들면 끝! ts파일은 js랑 똑같이 사용 가능하지만, 웹브라우저는 ts 파일을 읽지 못하기에, js파일로 변환 작업을 해야 함. js파일로 변환하려면 터미널을 열어..