[WEB] Vue vs React

• 라이브러리 vs 프레임워크 FrameworkLibrary공통점다른 사람이 만들어 둔 코드차이점다른 사람이 만든 틀(Frame)안으로 들어가서 작업내 작업에 다른 사람이 만들어 둔 코드를 가져와서 사용하는 것Vue는 Framework임프레임워크는 모든 환경과 도구를 제공해주지만 그것들만 사용해야 함해당 기술을 새롭게 배워야 함 React는 JavaScript 라이브러리임라이브러리는 하나의 도구를 제공받는 것으로 우리가 원하는 내용 선택할 수 있음다른 도구들을 기본적으로 제공하지 않아서 개발자가 스스로 선택해서 조합해야 함• 코드 스타일조건에 따라 Button의 visibility 유뮤를 변경해주는 예제가 있다고 하자. React//&&연산자 사용 {isVisible && 조건에 따라 사라짐}//삼항 ..

• format_list_bulleted WEB
• · 2023. 5. 7.
• textsms

[WEB] 쿠키 vs 세션 vs 웹 스토리지

HTTP 프로토콜은 비연결지향(Connectionless), 무상태(Stateless)라는 특성을 가짐-> 연결을 끊는 순간 클라이언트와 서버의 통신 끝나며 상태 정보 유지 X 따라서 서버는 클라이언트의 상태를 알 수 없으므로 쿠키와 세션을 사용함• 쿠키(Cookie)란?클라이언트(브라우저)에 저장되는 작은 데이터 파일유효 기간이 있음 -> 유효 기간동안은 브라우저에 데이터 저장사용자가 따로 요청하지 않아도 브라우저가 Request시에 Resquest Header에 넣어서 자동으로 서버로 전송4KB로 용량이 제한  동작방식클라이언트가 서버에 HTTP 요청서버에서 쿠키 생성 후, HTTP 헤더에 쿠키를 포함시켜서 응답클라이언트는 이제부터 HTTP 요청시마다 HTTP Header에 쿠키 담아서 전송브라우저가..

• format_list_bulleted WEB
• · 2023. 5. 5.
• textsms

[WEB] XML, JSON, YAML

• 공통점- 데이터 표현 방식- 텍스트 형식 직렬화 : 사람이 쉽게 읽을 수 있는 형태로 직렬화  간단히 말하자면 사람이 정보 읽기 쉬운 형태(직렬화 개념은 구글링해서 알아보자..!) 이제 차이점을 알아보자!• XML  깜이 미니핀 12 산책 간식먹기 5.8- 태그를 사용 -> name을 두 번 써야해서 작성하기 불편함- 가독성도 그닥..- 어느정도 오타 허용 -> 태그가 있기 때문에 오타가 나더라도 해당 태그 부분 제외하고 읽을 수 있음- 주석 달기 가능• JSON{ "name" : "깜이", "family" : "미니핀", "age" : 12, "hobby" : ["산책", "간식먹기"], "weight" : 5.8}- javascript의 객체 표현방식- 문법 오..

• format_list_bulleted WEB
• · 2023. 4. 28.
• textsms

[WEB] MPA/SPA

•  MPA/SPA- MPA = Multiple Page Application여러 개의 페이지로 구성된 Application새로운 페이지 요청할 때마다 전체 페이지가 렌더링 됨 -> SSR 방식으로 렌더링 - SPA = Single Page Application한 개의 페이지로 구성된 Application모든 정적 리소스를 최초 한 번에 다운로드 -> CSR 방식으로 렌더링이후 새로운 페이지 요청 시, 필요한 부분만 수정해서 보여줌페이지 데이터와 레이아웃을 별도로 요청하고 결과를 브라우저에 직접 렌더링 가능•  MPA 장단점장점- SEO(검색 엔진 최적화) 관점에서 유리함-> 여러 페이지를 생성하기 때문에 많은 수의 키워드가 생김-> JavaScript 코드가 동작하기 전에 HTML에 데이터가 삽입된 상..

• format_list_bulleted WEB
• · 2023. 4. 23.
• textsms

[WEB] CSR/SSR

• CSR = Cilent Side Rendering렌더링이 클라이언트 쪽에서 일어남서버에서 클라이언트로 HTML과 JavaScript 보내줌 -> 클라이언트가 받아서 렌더링HTML 결과를 자바 스크립트를 사용해 웹 브라우저에서 동적으로 생성서버에서 처리하지 않고 클라이언트로 보내주기 때문에자바스크립트 다운이 완료될때까지 사용자는 볼 수 있는게 없음 • SSR = Server Side Rendering렌더링이 서버 쪽에서 일어남클라이언트에게 전달하는 순간, 이미 렌더링 준비가 되어있어서 HTML 즉시 렌더링HTML 결과를 서버에서 만들어서 웹 브라우저에 전달자바 스크립트가 다운로드 되는 중에 사용자는 무언가를 볼 수 있음-> 서버에서 렌더 가능한 상태로 클라이언트에게 전달해주기 때문에• CSR과 SSR의..

• format_list_bulleted WEB
• · 2023. 4. 18.
• textsms