![]()
💡클라이언트와 서버간 비동기 통신 방법에는 크게 세가지가 있다. XMLHttpRequest 객체 Fetch API jquery의 ajax 통신 지난 1부에서는 XMLHttpRequest 객체 사용법에 대해 알아봤다. [Javascript] 클라이언트와 서버간의 비동기통신에 대해 알아보자. / 1부 1. Ajax란? 'Asynchronous JavaScript and XML'의 약자다. Ajax란 자바스크립트를 사용하여 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고, 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 ururuwave.tistory.com 2부에서는 Fetch API에 대해 알아보자! Fetch API에 대해 알아보니 promise 객체를 이용한다고 한다. promise 객체는 전..
![]()
1. Ajax란? 'Asynchronous JavaScript and XML'의 약자다. Ajax란 자바스크립트를 사용하여 브라우저가 서버에게 비동기 방식으로 데이터를 요청하고, 서버가 응답한 데이터를 수신하여 웹페이지를 동적으로 갱신하는 프로그래밍 방식을 말한다. 2. Ajax통신 과정에서 클라이언트와 서버 간의 상호작용 클라이언트가 Ajax요청을 시작하여 서버에 데이터를 요청한다. ➡️ 서버가 이 요청을 처리하고 응답을 돌려보낸다. ➡️ 클라이언트는 이 응답을 받아 UI를 업데이트한다. 이 과정은 비동기적으로 이루어지기때문에 페이지 전체를 새로고침하지 않아도 데이터를 교환할 수 있다. 이전의 웹페이지는 화면이 전환되면 서버로부터 새로운 HTML을 전송받아 웹페이지 전체를 처음부터 다시 렌더링했다. A..
![]()
1. 문제 1을 육지로, 0을 물로 가정한 2D 그리드 맵이 주어졌을 때, 섬의 개수를 계산하라. (연결되어있는 1의 덩어리 개수를 구하라) 제약 m == grid.length n == grid[i].length 1
![]()
창 한개로 보기 Alt + Shift + 1 한줄 삭제 Ctrl + Shift + K 한줄 선택 Ctrl + L 현재 커서 줄 복사 Ctrl + Shift + D 들여쓰기 Ctrl + ] 내어쓰기 Ctrl + [ 현재 커서 줄 위로 이동 Ctrl + Shift + ↑ 선택단어 태그로 감싸기 Alt + Shift + W 찾아바꾸기 Ctrl + H 라인번호로 이동하기 Ctrl + G 단어 대문자로 바꾸기 Ctrl + KU 단어 소문자로 바꾸기 Ctrl + KL html, css, javascript쓸 때는 VSCode가 편하지만 평소에 문서편집기로 Sublime Text를 쓰고 있어요. 문서 편집기능이 맘에 들더라고요. 마우스휠로 커서를 한번에 잡아서 대문자로 바꿔줬어요. 지원하는 Syntax가 다양합니다...
![]()
1. 프론트엔드가 생겨난 이유 프론트엔드는 웹 산업이 발전하며 세분화하는 단계에서 생겨난 포지션입니다. 웹 역사를 간단히 보고 프론트엔드가 어떻게 생겨나게 되었는지 알아보겠습니다. web 1.0 web 2.0 web 3.0 시기 1990 ~ 2000 2000 ~ 2010 2010 ~ 소통 방식 읽기만 가능 읽기 · 쓰기 읽기 · 쓰기 · 소유 운영 주체 회사 · 개인 거대 플랫폼 네트워크 인프라 개인 컴퓨터 클라우드 · 모바일 블록체인 · 메타버스 운영 · 소유권 탈중앙화 중앙화 탈중앙화 기반 기술 브라우저, 웹 저장 브로드밴드, 서버 클라우드 컴퓨팅 대응 단말 PC 주로 PC PC, 모바일 단말 ,웨어러블 기기 ✔️웹 1.0 문서를 공유하기 위해 웹이 만들어 졌습니다. (1990) web 1.0에는..
![]()
코딩 테스트 문제 중에 프로그램 실행 시간이 특정 시간 미만이어야 한다는 조건이 있는 경우가 있습니다. 효율성을 측정하는 문제의 경우 대부분 입력 크기가 매우 큽니다. 우리가 작성하는 코드의 실행 시간이 입력 데이터의 크기와 어떤 상관관계가 있는지 파악해서 효율성을 계산해야합니다. 알고리즘의 실행 시간과 데이터의 상관관계를 시간 복잡도라고 합니다. 시간 복잡도는 코딩 테스트 준비를 본격적으로 시작하기 전에 꼭 알아야 할 개념 중 하나입니다. 1. 시간 복잡도란?함수의 실행 시간을 표현하는 것. 주로 점근적 분석을 통해 실행 시간을 단순하게 표현합니다. 시간 복잡도는 빅오(Big-O) 표기법을 사용합니다. 2. 빅오 표기법알고리즘이 겪을 수 있는 최악의 경우에 걸리는 시간과 입력 간의 상관관계를 표현하는 ..
![]()
1. 연습문제 2. 테이블 정보 3. 결과 /*1-5*/ --박지성이 구매한 도서의 출판사 수 SELECT COUNT(PUBLISHER) FROM BOOK WHERE BOOKID IN( SELECT BOOKID FROM ORDERS O WHERE O.CUSTID = (SELECT CUSTID FROM CUSTOMER WHERE NAME = '박지성' ) -- 박지성의 CUSTID를 단일쿼리로 추출한다. ) /*1-6*/ --박지성이 구매한 도서의 이름, 가격, 정가와 판매가격의 차이 --박지성 정보는 CUSTOMER/ 도서이름,가격은 BOOK/ 판매가격은 ORDERS에서 가져올 수 있다. --그래서 위 3개 테이블을 조인했다. --데이터가 뻥튀기 되지않도록 ON조건을 줬다. SELECT B.BOOKNAM..
![]()
1. 일반화 관계 ( Generaliztion ) class Child extends Parent { ... } 하위 클래스가 상위 클래스의 특성을 상속받는 관계에서 사용합니다. 빈삼각형 화살표로 표현합니다. 2. 실체화 관계 ( Realization ) class ClassX implements Interface { ... } 클래스가 인터페이스를 구현할 때 사용합니다. 빈삼각형에 점선 화살표로 표현합니다. 3. 연관 관계 ( Association ) class ClassA { } class ClassB { private ClassA thing; } 두 클래스가 서로 상호작용할 수 있는 관계입니다. 일반적으로 한 클래스의 객체가 다른 클래스의 객체를 멤버 변수로 가지고 있는 경우 연관관계라 합니다. 짝..
