728x90 백엔드/NodeJs23 [NodeJs] 애플 홈페이지 프론트엔드+백엔드 (풀스택) 샘플코드 Apple HomePage / front-end / back-end / Full Stack Sample Code 프론트엔드 + 백엔드 풀스텍 연습겸 애플 홈페이지 스타일의 웹사이트를 만들어보았다. 수정을 통해 본인의 웹사이트로 사용하여도 좋고, 소스를 다운 받아 본인의 학습 용도로 사용해도 좋다. 프론트엔드 사용 기술 목록 1. Html (Html5 표준 사용) 2. Css (프레임워크 없이 순수 CSS5만을 사용하여 가볍게 동작 구현) 3. Javascript (라이브러리 사용 없이 순수 바닐라 자바스크립트만을 사용) 백엔드 사용 기술 목록 1. NodeJs (반응형 메인 페이지를 우선 구현해 보았는데, 이후 포스팅에서 상품 상세페이지 등 다양한 페이지 추가 구현할 예정이다) 2. json (서버측의 .. 2021. 3. 22. [NodeJs] Http Cookie (웹 브라우저 쿠키) HTTP 쿠키는 서버가 브라우저에 전달하는 데이터이다. 브라우저는 해당 데이터를 저장해 두었다가 동일한 서버에 접속시 저장된 데이터를 함께 전송한다. 쿠키는 주로 3가지 목적을 위해 사용된다. 세션관리 로그인, 장바구니 정보 등 개인화 구글 테마, 언어 모드 등의 세팅 트래킹 맞춤형 광고 등 사용자의 행동을 기록하고 분석 쿠키 만들기 쿠키는 헤더안에 포함되어 브라우저에 전송된다. 만료일 또는 시간 명시가 가능하고, 만료된 쿠키는 더이상 보내지 않을수 있다. 또한 특정 경로의 제한 설정이 가능하다. 서버측 쿠키 전송 [NodeJS] const http = require('http'); http.createServer((req,res)=>{ res.writeHead(200,{ //'Set-Cookie' : .. 2021. 3. 11. [NodeJS] NodeJs 와 npm 설치 하기 NodeJs, Npm 설치 하기 1. 구글 검색 엔진에서 NodeJS 를 검색한다. 2. 상단에 NodeJs 공홈에 접속한다. 3. 자신의 운영체제에 맞는 다운로드 버튼이 두개가 보일 것이다. 왼쪽 LTS는 나온지 조금 된 안정적인 버전이고, 오른쪽 현재 버전은 출시된지 얼마 안된 버전으로 버그가 있을수 있다. API나 관련자료가 다양한 왼쪽 LTS 버전의 다운을 추천한다. 4. 다운 받고 설치 완료하였다면, 윈도우는 ctrl + F 를 눌러 cmd 를 실행 후, node -v라고 타이핑 후 엔터 클릭 npm - v라고 타이핑 후 엔터 클릭 맥OS는 terminal.app을 실행 한 후 node -v라고 타이핑 후 엔터 클릭 npm -v라고 타이핑 후 엔터 클릭 아래와 같은 메시지가 출력이 된다면, 설치.. 2021. 3. 6. 이전 1 2 3 다음 728x90
