자바스크립트 엔진(V8)의 작동 원리

V8과 자바스크립트 엔진 개요 1. 자바스크립트는 어떻게 실행되는가?자바스크립트는 사람이 작성한 텍스트 코드를 브라우저 나 Node.js 내부의 자바스크립트 엔진(V8 등)이 해석하고 실행한다.자바스크립트 실행 과정은 크게 파싱 -> 컴파일 -> 실행 순으로 진행되며, 최적화도 동시에 수행된다.2. 엔진이 무엇이고 V8은 왜 유명한가?자바스크립트 엔진은 JS 코드를 실행하는 핵심 시스템이고, V8은 성능과 범용성에서 가장 뛰어난 엔진이다.엔진 : 자바스크립트 코드를 파싱, 컴파일, 실행하는 시스템V8 : 구글이 만든 JS 엔진으로, 빠른 속도, JIT 컴파일, Node.js에서 사용되면서 JS 생태계를 주도2.1. 자바스크립트 엔진의 정의자바스크립트 엔진은 JS 소스 코드를 읽고(파싱) -> 기계어로 바..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2025. 4. 12.
• textsms

230220 - 프로젝트 발표 및 회고

3주간 진행했던 프로젝트가 마무리 됐다. 목차 1. 시연 내용 1-1. 메인페이지 1-2. 로그인 페이지 1-3. 채팅 기능 1-4. 인기 게시글, 인기 멤버 ( 랭킹 기능 ) 1-5. 알림 기능 1-6. 게시판 CRUD 1-7. 댓글 기능 1-8. 좋아요 기능 1-9. 리스트 페이지 1-10. 검색기능 1-11. 나의 반응 페이지 1-12. 에러 처리 1-13. 배포 2. 회고 1. 시연 1-1. 메인 페이지 메인 페이지 진입 시 게시판 데이터를 랜덤으로 불러와서 카드에 하나씩 보여준다. 각 카드의 사진이나 제목을 통해서 view 페이지로 이동 가능하다. 카드의 하단부 클릭 시 게시글의 정보를 간단하게 볼 수 있다. 1-2. 로그인 페이지 회원가입 시 ID와 Nickname을 input 이벤트를 통해 ..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2023. 2. 21.
• textsms

230213~230219 Project 2 - 3주차

PROJECT 2 프로젝트 기간 : 2023.01.30 ~ 2023.02.19 프로젝트 내용 : 더보기 사용자페이지 1. 회원가입 로컬 회원가입 API를 이용한 회원가입 2. 메인페이지 로그인 카테고리 리스트 게시물 리스트 검색기능 3. 게시물 리스트 대표이미지 해당 게시물 좋아요 및 좋아요 취소 해쉬태그 댓글 4. 게시물 등록 카테고리 대표이미지 5장 컨텐츠 내용 해쉬태그를 N개만큼 등록 5. 게시물 보기 게시물 보기 게시물에 게시자 정보 게시물에 해당하는 댓글 6. 채팅기능 전체 채팅 기능 구현 7. 검색기능 사용자는 제목, 글내용, 해쉬태그 내용에 따른 검색이 가능하다 사용자 검색시 해당 사용자의 프로필 정보 / 등록 게시물을 볼 수 있음 8. 랭킹기능(선택사항) 사용자 별 point 랭크 10위 ..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2023. 2. 21.
• textsms

230118 - JavaScript - 내장 모듈 crypto, NodeJS

오늘 내가 배운 것 1. 내장 모듈 crypto 2. JWT - Signature 3. JWT - 토큰 만들기 4. JWT - 토큰 검증하기 1. 내장 모듈 crypto Node.js의 내장 모듈이기 때문에 require 해서 사용해야 한다. crypto는 클래스이다.. const crypto = require("crypto") const salt = process.env.SALT || "web7722" const hash = crypto.createHmac(`sha256`, salt).update(평문).digest("hex") // createHmac은 `정적메서드`다. JWT에서 Signature을 만드는 목적이 headerd와 payload가 위조, 변조되었는지 확인하기 위해서인데, salt값이 ..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2023. 1. 19.
• textsms

221223 - Node Express - Cookie, cookieParser()

오늘 내가 배운 것 1. Cookie (쿠키) 2. Cookie 만들기 3. cookie-parser (쿠키 파서 만들기) 4.npm - cookieParser() 이용하기 1. Cookie (쿠키) http 특징 : 비연결성 http 비연결성인 단점을 보안하기 위해 쿠키랑, 세션을 배운다. 서버가 사용자의 브라우저에 전송하는 작은 데이터 조각이다. 브라우저는 그 데이터들을 저장(예전에 사용해봤던 localstorage와 비슷)해 놓았다가, 동일한 서버에 request message를 보낼 때 저장된 데이터를 함께 전송한다. 쿠키는 두 요청이 동일한 브라우저에서 들어왔는지 아닌지를 판단할 때 주로 사용하고, 이걸 이용하면 사용자의 로그인 상태를 유지할 수 있다. 하지만 브라우저마다 자동로그인이 차별되어 ..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 12. 24.
• textsms

221219 - Node Express를 이용한 CRUD 게시판 만들기

오늘 내가 배운 것 1. Express를 이용한 CRUD Express 통신을 이용한 CRUD의 C, U영역 만들기 전체적인 흐름은 위에 사진과 같은 흐름으로 진행된다. 작성 시 주의사항 1. a태그를 이동시 경로를 잘 확인해서 적어야 한다. 기존엔 파일을 이동하는 것이었는데, 지금은 경로를 지정해 경로에 해당하는 라우터를 읽고 요청과 응답 메시지에 의해 파일을 보여주는 것이다. 2. view페이지에 선택한 게시글로 가기 위해서 고유 index를 querystring에 같이 담아서 확인할 수 있도록 한다. 완성 확인하기 코드 확인하기 더보기 index.html {{name}} Hello, world@@@ 리스트 바로가기 list.html 게시판 리스트 입니다. 번호 제목 작성자 작성일 조회수 {% for..

• format_list_bulleted 시작/TIL(Today I Learned)
• · 2022. 12. 19.
• textsms