728x90

Web 5

[Web] 파싱이란?

최근, 모던 리액트 딥다이브를 읽고 있다.  csr, ssr 차이 파트를 읽던 중 "웹 렌더링은 html을 파싱하여 dom을 만들고, css를 파싱하여 cssom을 만든다"라는 구문을 자연스럽게 읽는 순간, 파싱의 정확한 개념이 뭐지란 생각이 들었다. 면접을 준비하거나 그 전에도 자연스럽게 파싱,파싱 했는데 정확히 무슨 개념인지 모르고 사용한 것 같아서 정리해 보려한다. 파싱이란?언어학에서는 문장을 그것을 이루는 구성 성분과 그 사이 위계 질서를 분석하여 문장의 구조를 결정하는 것컴퓨터과학에서는 일련의 문자열을 토큰으로 분해하고 그것들로 이루는 트리를 만드는 것결국, 파싱은 주어진 데이터를 해석하고 분석하여 원하는 형식 또는 구조로 변환하는 작업을 의미한다 파싱은 토큰화, 구문 분석의 단계로 나뉘어진다토..

Web 2024.06.17

[Web] SDK, API란?

프로젝트 도중 결제(테스트)기능 구현 도중 포트원 sdk를 이용하여 연동을 진행하였는데, 문득 sdk의 정확한 정의를 잘모른다는 느낌을 받아 글로 남기며 개념을 다시 생각해보야겠다고 생각했다.sdk를 검색하며 구경하다보니 api와 비교하여 쓴 글이 많아 정리하면서 api까지 정리해보려한다  APIApplication Programming Interface의 약자로 개발을 하다 보면 정말 많이 쓰이는 용어이다.위 영어 단어를 번역하면 응용 프로그램 프로그래밍 인터페이스이다 너무 추상적인 말이니 나의 식대로 번역하자면,클라이언트와 서버의 연결책클라이언트에서 서버로 보내는 요청을 구분하는 체계이다 함수 호출과 같은 방법으로 클라이언트에서 데이터가 필요하여 요청을 보내면 서버가 답하여 데이터를 전달하는 것이다공..

Web 2024.05.06

[Web] 쿠키, 세션

쿠키와 세션은 http의 특징이자 약점을 보완하기 위해 사용한다 간단하게 http를 먼저 말하자면http는 인터넷에서 데이터를 주고 받는 프로토콜(통신규칙)이다http프로토콜은 크게 비연결성과 무상태의 특징을 가지는데비연결성: 클라이언트의 요청에 서버가 응답하면 연결을 끊는다무상태: 서버는 클라이언트의 상태를 기억하지 않는다(즉, 새로운 인증을 계속 해줘야한다)https://yangwonjoon.tistory.com/11 [네트워크] HTTPhttp( hyper text transfer protocol ) 는 인터넷에서 데이터를 주고받을 수 있는 프로토콜 프로토콜? 규칙이라 생각하면 편함 이렇게 규칙을 정해두었기 때문에, 모든 프로그램은 규칙에 맞춰 개발하며yangwonjoon.tistory.com 결국..

Web 2024.04.26

[Web] CSR(클라이언트사이드랜더링), SSR(서버사이드랜더링)

개발자라면 한번정도 들어봤을 단어이자 면접 단골질문인 CSR과 SSR에 대해 자세히 알아보려한다.CSR(클라이언트 사이드 랜더링)과 SSR(서버 사이드 랜더링)은 반대에 있는 관계에 있어서 각 장단점이 명확하여 자신의 프로젝트에 상황에 맞게 구현하는 것이 중요하다  먼저, 랜더링이란 다음과 같다 https://yangwonjoon.tistory.com/69 [Web] 랜더링이란 무엇인가?개발자라면 한번정도 들어봤을 단어이자 면접 단골질문인 CSR과 SSR에 대해 자세히 알아보려한다. CSR(클라이언트 사이드 랜더링)과 SSR(서버 사이드 랜더링)을 알아보기 앞서 랜더링에 대해 자세yangwonjoon.tistory.com     CSR(클라이언트 사이드 랜더링)..

Web 2024.03.27

[Web] 랜더링이란 무엇인가?

개발자라면 한번정도 들어봤을 단어이자 면접 단골질문인 CSR과 SSR에 대해 자세히 알아보려한다.CSR(클라이언트 사이드 랜더링)과 SSR(서버 사이드 랜더링)을 알아보기 앞서 랜더링에 대해 자세히 알아보자:)    랜더링이란 무엇일까?랜더링이란 HTML, CSS, JS 등 개발자가 작성한 코드가 브라우저에 출력되는과정을 의미한다크롬은 블링크(blink) 등 각 브라우저는 랜더링을 수행하는 랜더링 엔진을 가지고 있다 사용자가 웹페이지에 접속하면 아래와 같은 랜더링 과정을 통해 다음과 같은 순서에 따라 랜더링이 이루어진다.DOM 트리, CSSOM 트리 생성랜더링 트리 생성레이아웃페인팅  조금 더 자세히 알아보자면 1.1) DOM 트리 생성먼저, HTML 코드가..

Web 2024.03.25
728x90