Frontend/web&web Programing

Cursor AI는 인공지능을 활용한 최첨단 코드 편집기임.기존의 코드 편집기와는 달리, AI 기술을 통해 개발자의 의도를 이해하고 코드 작성을 지원함. 설치 및 다운로드📩 https://www.cursor.com/ CursorBuilt to make you extraordinarily productive, Cursor is the best way to code with AI.www.cursor.com 1. 시작AI와 대화하기 - Ctrl + L: 오른쪽에 AI 채팅 인터페이스가 나타나게 됨.코드 선택 후 Cmd + L 누르는 경우채팅 화면에서 요청 사항 입력하는 경우ctrl + k 자연어 코드로 설명하는 경우 Cursor AI 고급 기능1. 멀티 파일 분석Cursor AI는 프로젝트 내의 여러 파일을..
Cookie & Session Cookie 웹 쿠키, 브라우저 쿠키란, 서버가 사용자의 웹 브라우저에 전송하는 작은 데이터 조각이다. 브라우저는 이 데이터 조각들을 저장해놓았다가, 동일한 서버에 재 요청 시 저장된 데이터를 함께 전송한다. 쿠키는 두 요청이 동일한 브라우저에 들어왔는지 아닌지를 판단할 때 주로 사용한다. 이를 이용하면 사용자의 로그인 상태를 유지할 수 있다.즉, 쿠키는 상태가 없는 HTTP프로토콜에서 브라우저의 상태 정보를 기억할 수 있게 하는 방법이라 할 수 있다.  쿠키의 세 가지 목적은 다음과 같다. 1. 세션 관리 (Session Management)- 서버에 저장해야 할 로그인, 장바구니, 게임 스코어, 접속 시간 등의 개인 정보 관리 2. 개인화 (Personalization)..
API(Application Programming Interface) API는 응용 프로그램에서 사용할 수 있도록, 운영체제나프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스임.  어떤 특정 사이트에서 특정 데이터를 공유할 경우 어떠한 방식으로 정보를 요청해야하는지, 어떠한 데이터를 제공 받을 수 있을지에 대한규격을 정해놓은 인터페이스임.     API 예시 날씨 API : 개발자가 날씨 정보를 제공하는 웹사이트로부터 데이터를 가져오고 싶을 때,해당 웹사이트의 API를 호출해 특정 지역의 현재 날씨나 예보를 받을 수 있음.  구글 지도 API : 사용자가 애플리케이션에서 구글 지도를 통해 특정 위치를 검색하거나 길 안내 기능을 구현할 수 있음.
주소창에 google.com을 입력하면 일어나는 일 1. 사용자가 웹 브라우저를 통해 google.com 을 입력하면 URL 주소 중 도메인 네임 부분을 DNS 서버에서 검색한다. 2. DNS 서버에서 해당 도메인 네임에 해당하는 IP 주소를 찾아 사용자가 입력한 URL 정보와 함께 전달한다. 3. 브라우저는 HTTP 프로토콜을 사용해 요청 메세지를 생성하고 HTTP 요청 메세지는 TCP/IP 프로토콜을 사용하여 서버로 전송된다. 4. 서버는 response 메세지를 생성하여 다시 브라우저에게 데이터를 전송한다. 5. 브라우저는 response를 받아 파싱하여 화면에 렌더링 한다. 🛠️ 용어 공부 ⚙️ DNS (영문) 도메인 이름 시스템(DNS)은 사람이 읽을 수 있는 도메인 이름(예: www.amazo..
브라우저의 렌더링 원리 브라우저가 화면에 나타나는 요소를 렌더링 할 때, 웹킷(webkit)이나 게코(Gecko)등과 같은 렌더링 엔진을 사용한다. 렌더링 엔진이 HTML,CSS,Javascript로 렌더링할 때 CRP라는 프로세스를 사용하며 다음 단계들로 이루어진다. 1. HTML를 파싱 후 , DOM 트리를 구축한다. 2. CSS를 파싱 후 , CSSOM 트리를 구축한다. 3. javascript를 실행한다. * 주의할 점 ! HTML 중간에 스크립트가 있다면 HTML 파싱이 중단 된다. 4. DOM과 CSSOM을 조합해 렌더 트리를 구축한다. * 주의할 점 ! display: none 속성과 같이 화면에서 보이지도 않고, 공간을 차지하지 않는 것은 렌더트리로 구축되지 않는다. 5. 뷰포트 기반으로 ..
Rest API란? Rest원칙을 적용하여 서비스 API를 설계한 것을 말한다. Rest란 무엇인가? - 자원을 이름으로 구분하여 해당 자원의 상태를 주고 받는 모든 것. HTTP URL을 통해 자원을 명시하고 HTTP메서드 (POST, GET, PUT, DELETE)를 통해 해당 자원에 대한 CRUD를 적용하는 것을 말한다. - 즉, 자원 기반의 구조 설계의 중심에 자원이 있고, HTTP 메서드를 통해 이를 처리한다. API란 무엇인가? - 응용프로그램에서 사용할 수 있도록 운영 체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스이다. - 쉽게 말해 프로그램끼리 통신 할 수 있도록 하는 중재자이다. 🛠️ 용어 공부 ⚙️ REST REpresentational State Transf..
silver님
'Frontend/web&web Programing' 카테고리의 글 목록