반응형 전체 글44 [Editor]Vim 에디터 사용 방법 1. Vim 이란? VIM은 vi 호환 텍스트 편집기입니다. 대부분 mac os나 linux에 기본적으로 깔려있어서 terminal에서 사용이 가능합니다. 현재 많은 에디터들이 있는데 굳이 vim 에디터는 왜 필요할까요? visual studio, vscode, atom, android studio... 와 같이 많은 에디터들이 존재하는데요. vim 에디터는 다른 에디터들과 다르게 터미널에서 직접 파일 생성, 수정이 가능합니다. Aws에서 내프로젝트 를 배포하고. env 파일이나 다른 등등.. 파일들을 생성 수정할 일들이 있는데 터미널에서 작업할 수 있는 장점이 있습니다. 2. Vim 사용법 그렇다면 Vim 에디터는 어떻게 사용하는지 알아보겠습니다. 실행하기 터미널에서 vim 명령어로 실행할 수 있습니다.. 2022. 3. 8. [Node]express.js 서버 구축하기[node.js] 1. package.json $ mkdir [폴더명] $ cd [폴더명] $ npm init package.json안에 들어갈 내용을 하나씩 물어보는데 수정을 나중에도 가능하므로 enter로 넘기다가 마지막 Is this OK? 에서 yse 누르면 내 프로젝트 폴더에 package.josn 파일이 있는 것을 확인할 수 있습니다. ES6에서 모듈에 대한 표준이 도입이 되었습니다. 이전에는 CommonJs에서 사용하는 require을 이용했었는데 이제는 가독성이 좋고 비동식 방식으로 작동하고 메모리 측면에서 유리한 import export를 사용하실 수 있습니다. 이를 사용하기 위해서 package.json파일에서 아래처럼 추가해주시면 됩니다. "type": "module"; 2. Express instal.. 2022. 3. 8. [Next]Nextjs 시작하기 1. NextJs 란? NextJs 는 React 프레임 워크입니다. 동적으로 라우트를 지원해줍니다. SSR (sever sider rendering)를 사용해서 좀더 빠른 렌더링. CSS, SCSS 지원 NextJs는 react 프레임 워크이기때문에 react안에 있는 hook기능들도 전부 사용가능합니다. react는 페이지를 업로드할때 페이지에 해당하는 모든것을 script로 전송해 주기때문에 사용자에게 보여지기 까지 시간이 좀 더 걸리는 반면 NextJs는 SSR를 사용해 좀더 빠르게 로딩이 가능해지므로 SEO를 사용하는데 문제가 없습니다. 2. NextJs 설치하기. NextJs를 시작하기에 전에 node의 버전부터 확인 해야합니다. Node 10.13 버전 이후부터 사용 가능. Node 설치하기.. 2022. 3. 8. [React]TypeScript + 리액트 시작하기 1. 프로젝트 생성 터미널에서 프로젝트 생성하기 $ npx create-react-app [프로젝트명] --template=typescript // npx create-react-app my-app --template=typescript 프로젝트명은 카멜케이스은 피하고 "-"를 넣어서 만들어 줍니다. 프로젝트 들어가기 $ cd [프로젝트명] // cd myApp 2. package.json 프로젝트가 설치가 완료가 되면 첫번째로 package.json을 확인해서 Scripts부분을 확인해 줍니다. 기본적으로 react 라이브러리에는 start, build, test, eject가 있습니다. 첫번째로, start를 이용해서 프로젝트를 실행할 수 있습니다. $ npm run start // npm # yar.. 2022. 3. 7. 이전 1 ··· 8 9 10 11 다음 반응형
