프로젝트의 코드 구조를 터미널에서 파악하고 싶을 때,혹은 트리구조를 txt파일로 만들어서 공유하고 싶을 때 유용한 tree라는 앱이 있습니다. 설치하기 맥에 이미 홈브루가 설치되어 있다면, 터미널에서 아래 명령어로 설치가 가능합니다. brew install tree 아래와 같은 화면이 나오면서 설치 완료! 이제 원하는 위치에 가서 아래 명령어를 치면, 해당 폴더에 있는 파일들의 구조가 트리형식으로 표현이 됩니다. tree 필수 Tree 명령어 그냥 tree 명령어를 치면, 모든 하위 폴더 안의 내용까지 다 나오기 때문에 몇 가지 옵션 명령어를 익혀두면 편합니다. 1. 기본 : 모든 구조를 다 보여준다. tree 2. 디렉토리들만 보기 : 프로젝트 구조분석에 좋다. tree -..

사전 준비 사항npm과 Node.js는 당연히 설치가 되어 있다고 가정합니다.나한테 Node.js가 있는지 없는지, npm이 있는지 없는지 모른다면 아래 글 참조https://spacechild.net/607 프로젝트 생성하기 1. 프로젝트(폴더)를 생성할 폴더로 이동한다 저는 보통은 Projects/ 밑에 프로젝트 폴더를 만드니까, Projects 폴더로 이동합니다. Next.js는 프로젝트 생성 명령어를 치면, 프로젝트가 생기면서 자동으로 폴더가 생성이 됩니다. 해당 폴더가 곧 프로젝트인 개념입니다. 2. 프로젝트 생성 명령어 실행 터미널에 아래 명령어 중 하나를 칩니다. 제일 많이 쓰는 건 npm 방식# npmnpx create-next-app@latest my-app# pnpmpnpm c..

React를 처음 공부할 때, CDN 방식, 개발환경 방식(번들러, npm) 두 가지가 있다. CDN 방식의 특징HTML 안에서만 임시로 React를 사용할 수 있음React, ReactDOM이 전역변수로 제공됨로컬(Mac)에는 아무것도 설치되지 않음 (기존 설치해 둔 Node.js, npm 미활용)HTML 파일을 열면 React가 실행되는 것처럼 보이지만, 사실은 CDN에서 받아온 JS를 실행하는 것 npm 설치 방식과의 차이npm 방식은 Node.js 환경에 React 패키지를 설치해서 프로젝트 내부에 node_modules/react 형태로 저장CDN 방식은 로컬에 설치 하지 않고, 실행할 때마다 네트워크를 통해 React 코드를 불러옴 리액트 React를 처음 경험/실습 해볼 때, 리액트 설치..

Node.js구글 V8 엔진 위에서 만든 JavaScript 실행환경Node.js를 설치하면 JavaScript 실행환경이 생김브라우저 밖(서버, CLI, 데스크톱)에서도 JS 실행 가능JavaScript를 어디서든 돌릴 수 있는 작업장 같은 느낌 npm (Node Package Manager)Node.js와 함께 설치되는 패키지 관리자Node.js 설치시 자동으로 설치됨React, Express 같은 라이브러리 설치 / 업데이트 / 관리 역할 수행 nvm (Node Version Manager)여러 버전의 Node.js를 설치 / 전환할 수 있게 해주는 버전 관리 도구Node.js + npm 버전을 함께 관리 Node.js와 npm 버전, nvm으로 관리되는 모든 버전 확인 방법(맥 환경(zsh..

맥은 기본적으로 파이썬 2.7. 버전이 설치가 되어 있습니다. 그래서 일반적으로 파이썬 버전을 확인해보는 명령어를 쳤을 경우에는 아무리 파이썬 3.X.XX 버전을 깔았더라도 계속 2.7.XX로 버전이 나옵니다. 맥 터미널(terminal)을 열어서, 아래 명령어를 쳐보면 Python 버전 2.7.16이 깔려 있다고 뜨네요. 1 $ python -V cs 하지만, 난 파이썬3을 분명히 설치했는데!? 맥에서는 파이썬3 명령어를 써줘야 제대로 버전 확인이 가능합니다. 다시 터미널에서 아래 명령어를 치면, 제대로 제가 설치한 python 3.11.2 버전이 확인 됩니다. 1 $ python3 -V cs 이걸 몰라서 몇 번을 삭제했다가 다시 설치했네요. 누군가에게 도움이 되었으면 합니다. * 맥 OS용 파이썬 다..

맥의 터미널에서 % code . 라는 명령어로 Visual Studio Code를 실행할 수 있습니다. 이 명령어로 Visual Studio Code가 실행되지 않는 경우는 2가지 이유에서 입니다. 아래 순서를 따라하세요. 1. Visual Studio Code의 설치경로를 확인한다. VSC는 Applications에 설치되어 있어야 한다. Visual Studio Code가 Applications에 설치가 안되어 있는 경우에는 Visual Studio Code에서 아무리 shell command로 code command를 패스에 추가해줘도 맥을 리부팅하고 나면 다시 풀려버립니다. 그런 경우는 Visual Studio Code가 Applications에 설치가 되어 있지 않고, Downloads 폴더에 ..