프로그래밍/웹 포트폴리오
안녕하세요 Hi Create입니다!! 이번 포스팅에서는 포트폴리오의 메인 화면을 구축해보겠습니다. 메인 화면에서는 사이트의 제목과 다른 화면으로 가는 버튼을 만들겁니다. 1. Node.js 프로젝트 구조 보기 Node.js 프로젝트는 다음과 같은 구조로 생성됩니다. 여기서 'app.js'파일은 Node.js에서 가장 중요한 메인 파일입니다. 모든 함수나 다른 파일을 관리한다고 생각하시면 될 것 같습니다. 그 밑에 있는 'package.json' 파일에서는 우리가 설치하고 사용할 모듈을 넣을 수 있습니다. 이 파일에 사용할 모듈이 없으면 컴파일 에러가 발생합니다. 그래서 항상 모듈을 설치할 때 '--save' 를 이용해 자동으로 입력할 수 있습니다. 맨 위의 'bin' > 'www'에는 Node.js를 실..
안녕하세요 Hi Create입니다!! 이번 포스팅에서는 Visual Studio Code 설치와 개발 환경 구축, Node.js 프로젝트 시작까지 해보도록 해보겠습니다. 1. Visual Studio Code 설치 code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. Visual Studio Code is free and available on your favorite platform - Linux, macOS, and W..
안녕하세요 Hi Create입니다!! 이번 포스팅에서는 Node.js로 웹사이트를 구축하는 방법을 알아보도록 하겠습니다. 그럼 첫번째로 할 일은 무엇일까요? 서버를 구축하는 일이겠죠. Node.js는 서버를 구축하는 것이 굉장히 쉽습니다. Node.js의 실행을 관리하는 NPM을 사용한다면 더 쉽게 서버를 만들고 관리할 수 있을 겁니다. 그래서 NPM과 Node.js를 설치하는 것부터 해보죠. 1. NPM과 Node.js 설치 NPM 설치 바로가기 npm | get npm What is npm? npm makes it easy for JavaScript developers to share and reuse code, and makes it easy to update the code that you’re ..