현고미 노트(H-gomi's Note)

이 글은 내가 나에게 설명하는 것처럼 작성한 글이어서 존댓말로 작성되지 않은 점 양해 부탁드립니다. ^^ 여기에서는 내가 설치하면서 겪었던 문제점이나 기억하고 싶은 내용을 위주로 작성해봤어 참! 내가 사용하는 PC환경은 Mac OS Monterey(ver 12.3.1)이고, 칩은 Apple M1 Pro 이니까 참고해! Mongo DB 어플리케이션 코드 생성 (Add your connection string into your application code) Mongo DB에서 Connection Code 찾는 방법 1) 로그인 후 기본화면에서 Connect 누른다! Connect를 눌러 다음 단계로 이동한다. 2) Connect your application을 클릭한다! 2번째 버튼을 클릭한다. 3) Ad..

코딩 공부노트/React 2022. 10. 9. 16:33

굳이 Node.JS 와 React를 선택한 이유는? 이 글은 내가 나에게 설명하는 것처럼 작성한 글이어서 존댓말로 작성되지 않은 점 양해 부탁드립니다~ 웹퍼블리싱을 처음 배울 때 중점적으로 학습했던 JavaScript를 활용한 개발을 하고싶어서 개발 플랫폼으로 Node.js와 웹 프레임워크로 React를 선택했고 마침 인프런에서 관련 강의가 있어서 주저없이 시작했지 ㅎㅎ 강의 내용이 보일러 플레이트(Boilerplate)를 만들면서 학습하는 내용이라 해당 내용을 참고해서 블로그 글을 작성할 예정이니 참고해! Node.JS의 설치와 React를 설치하는 방법은 여러 블로그에서 자세하게 설명이 되어있으니 여기에서는 내가 설치하면서 겪었던 문제점이나 기억하고 싶은 내용을 위주로 작성해봤어 참! 내가 사용하는 ..

코딩 공부노트/React 2022. 10. 8. 16:32

내가 만들려고 하는 Boilerplate가 뭔데?? 보일러 플레이트(Boilerplate)¹⁾: 변경 없이 계속 재사용할 수 있는 저작품 현고미가 생각하는 보일러 플레이트( Boilerplate)란? 여러 프로그램 혹은 웹페이지에서 사용되는 기능을 툴로 분리하여 다양한 곳에서 같은 기능을 손쉽게 사용하는 프로그램 [정보 출처] ¹⁾ Boilerplate 정의 : http://www.terms.co.kr/boilerplate.htm

코딩 공부노트/React 2022. 10. 7. 16:32

node 설치하기 node.js홈페이지에서 LTS버전으로 node.js를 설치한다. 최신버전으로 설치해도 문제없지만 안정화된 버전으로 설치하는게 오류가 발생할 확률을 줄일 수 있다. (글쓰는 날짜(2022.06.12)를 기준으로 LTS 는 16.15.1버전이다.) npm을 통해서 svelte를 설치한다. npx degit sveltejs/template (프로젝트폴더 이름) cd (프로젝트폴더 이름) npm install npm run dev 파일을 설치한 폴더로 이동하면 Svelte가 설치된 것을 확인할 수 있다. 참고 페이지 node.js 홈페이지 : https://nodejs.org/ko/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8..

코딩 공부노트/Svelte 2022. 10. 5. 16:29