개발자연습노트

이쯤되면 귀찮은 점이 하나 있을텐데  소스코드를 수정했을 경우 ctrl + c 눌러서 터미널에 실행하던걸 끄고 다시 node server.js를 입력해야 수정사항을 미리볼 수 있습니다. 매번 입력하는게 귀찮으면 nodemon 사용하면 됩니다. 터미널 열어서 실행되고있던거 ctrl + c 눌러서 끄고  npm install -g nodemon 입력해서 설치해봅시다.  그럼 이제 서버파일을 띄울 때 node말고 nodemon server.js 이렇게 입력해둘 수 있는데그러면 소스코드를 변경 후 파일저장하면 얘가 알아서 서버도 재시작해줍니다. 이제 코드짜고 저장만 하면 끝임      static파일 (css파일) 첨부하기 html에 디자인을 넣고 싶으면 css 파일에 작성하는게 일반적인데 css 파일 하나 만..

저번시간에 서버를 간단하게 만들어봤습니다.근데 메인페이지 하나만 만들어봤는데 이번엔 여러 페이지를 더 만들고 싶으면 어떻게할지 알아봅시다.   근데 만들기 전에 실제 사이트들은 어떤 식으로 여러가지 페이지들을 만들어놨는지 구경부터 해봅시다. 예를 들어 네이버 웹툰같은 사이트 방문해보면 comic.naver.com여기로 접속하면 메인페이지가 보이긴 하는데 URL 뒤에다가 /webtoon 을 붙여서 접속하면 오늘의 웹툰 페이지 보여주고URL 뒤에다가 /challenge 를 붙여서 접속하면 도전만화 페이지를 보여줍니다.  네이버 웹툰 말고도 다른 사이트도 이런 방식으로 페이지를 나눠놓는데우리도 그렇게 만들면 될 것 같습니다. 주소창에 입력하는 URL을 기반으로 각각 다른 페이지를 보내줍시다.      새로운 ..

개발환경 셋팅 개발환경 셋팅부터 해보도록 합시다. 요즘은 맥북이나 윈도우나 별 차이없음   1. nodejs 구글에 검색하면 맨처음에 뜨는 사이트가 있을텐데 거기서 LTS 버전 다운받아서 설치까지 합시다. - 설치할 때 경로같은건 안만지는게 좋을 수도 있습니다. - 윈도우는 chocolatey 같은거 설치안해도 됩니다.    2. 에디터가 하나 필요한데 VSCode 에디터 구글에 검색해서 설치합시다.      프로젝트 생성은  1. 코드짤 작업용 폴더를 하나 만들고VSCode 에디터 켜서 상단 file - open folder 눌러서 에디터로 작업용 폴더를 오픈합시다.    2. server.js 파일을 하나 만들어줍시다. 거기다가 서버코드짤 것임   3. 에디터 상단 terminal 눌러서 터미널을 열..