본문 바로가기

업무+독학일지

(2)
CNA(create next app)없이 수동으로 nextjs + typescript 환경 구축하기 새로운 스터디를 참여 하면서 todo 앱을 만들어보기로 했다. 앱 환경은 nextjs, 언어는 typescript로 간다. 가장 먼저 앱 기본 세팅을 해야하는데 나는 항상 cna의 도움으로 세팅을 했다. CNA(Create Next App)는 터미널에 아래와 같은 명령어를 입력하면 npx create-next-app@latest 기본적인 환경이 다 구축된 완성형(?) Nextjs 앱을 설치해주는 마법의 주문 같은 거다. 이렇게 앱을 만들어 놓으면 불필요한 파일들도 같이 따라와 설치돼 좀 불편한 면이 있다. 또 더욱이 추후에 바벨이나 웹팩 설정을 달리 해야할 때 어려움이 있다고 한다. 물론 나는 여지껏 웹팩이나 바벨을 달리 만져줘야하는 경우가 크게 없었고.. 필요한 경우에만 해당 코드를 긁긁 해서 복붙하는..
Readme.md 마크다운 작성법 정리 md파일은 과연 어떻게 만드는 것일까. 남의 깃헙을 구경하면서 정말 궁금했었다. 그래서 마크다운 작성법을 총정리해놓으려고 한다. ** 우선 vscode에서 md파일 미리보기 하는 방법 ctrl + shift k v (맥의 경우 cmd + K V)를 누르거나, 상단에 preview 버튼을 누르면 미리보기가 가능하다. 위 미리보기 기능은 vscode에 내장된 익스텐션을 다운받아야 가능하다고 들었는데, 본인은 익스텐션을 따로 받지 않았는데도 미리보기가 가능했다. (vscode 기본 기능으로 미리보기가 생겼나?) #는 HTML 태그로 치면 h1 ## ### #### 갯수가 늘어나면 h2, h3, h4...와 같음. h6까지 표현 가능 # 아래에는 언더라인이 그어지는데, 만약 언더라인을 긋고 싶으면 ___ 언더라..