Front-End40 [React]내 멋대로 만드는 Todolist-1(feat.Parcel) React로 만드는 Todo-list 개발환경설정 *creact-react-app을 통해 Todo-list를 만드는 포스트는 이미 벨로퍼트님이나 다른분들이 다루셨기때문에, 저는 좀 다르게 npm설치와 번들러 설정부터 시작하겠습니다. 또한, 입문자분들에게 Webpack이라는 번들러 자체가 진입장벽이 높기때문에,(사실 필자도 잘 다루지못함) webpack.json처럼 따로 번들러의 환결설정을 해주지 않고도 자동으로 처리해주는 Parcel이라는 번들러를 사용합니다. 1.폴더 생성 : react-todo 2.터미널로 해당폴더 이동 후 npm init -y입력 (npm init시에 모든 문항에 y로 대답한다는 명령어) 3. npm 설치 npm install --save react react-dom npm inst.. 2019. 4. 18. [vscode] vscode에서 git을 사용하기 Visual studio code에서 git 사용하기 *일단 https://git-scm.com/로 가서 git을 설치하세요. 1.vscode로 작업하고자하는 폴더 열기(File - Open - 원하는 폴더 선택) 파일을 열면 위와같이 빨간박스안에 자신이 열었던 폴더가 표시됩니다. 2.Source Control 메뉴를 클릭하고 git아이콘을 클릭합니다. (위의 git 아이콘이 보이지않는다면 깃이 설치되지 않은것입니다.) 3.현재폴더 혹은 원하는 폴더를 선택합니다. 폴더를 선택하면 위와같은 상태가 됩니다. 그러면 Source Control 바로옆에 체크모양은 커밋버튼, 옆은 새로고침 그리고 그외에 메뉴가 있습니다. 그 아래에는 커밋로그를 입력하는 input이 있고 그아래부터는 변경파일목록이 나옵니다. (n.. 2019. 1. 21. [vscode] vscode 언어변경 Visual sudio code (vscode) 언어변경 요새 핫하게 쓰는 대부분의 에디터가 영어라서 영어 설정으로 사용하는데는 무리가없지만 한국유저의 팁이나 정보를 보고 설정하려고하면 가끔 정보제공자는 언어를 한글로 쓸때가 있습니다. 언어팩차이로 메뉴순서가 완전히 바뀌지는 않지만 헷갈리고 번거로울때가 있어서 언어팩 변경을 해보았습니다. 1.언어팩 설치 https://marketplace.visualstudio.com/items?itemName=MS-CEINTL.vscode-language-pack-ko 여기서 설치하시도 되고, vscode에서 커맨드+쉬프트+x로 마켓플레이스로 이동해서 korean languge로 검색하시면 해당 언어팩이 나옵니다. 2.언어 설정 vscode에서 F1을 눌러서 displ.. 2019. 1. 19. [mac] npm 설치시 권한 오류 해결방법 nodejs를 설치하고 사용자계정을 수정한 후 새로 프로젝트를 시작하려는데 사용자권한을 만진것 떄문인지 node-sass가 설치가 되질 않는 문제가 발생했다. 에러메세지를 읽어보니 폴더생성 권한이 없다고 뜨길래 맥의 sudo명령어로 설치해보았으나 여전히 권한문제로 설치되지않았다. (npm global 설치가 아닐때는 sudo로 설치하는걸 권장하진않는다.) 프로젝트에는 급하게 투입되야하는 상황이라 이것저것 만질시간이 없어서 가장 빠르게 해결할 방법을 찾아본결과 sudo npm install --unsafe-perm "설치할 npm 모듈"로 작성하면 권한문제나 그런건 무시하고 설치가 완료되었다. 이름부터 unsafe라 불안하긴하지만 급하게 npm을 설치하는 사람에겐 도움이 될듯하다. 완벽한 해결법은 http.. 2018. 8. 16. 이전 1 ··· 6 7 8 9 10 다음
