| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 |
- Border
- 가고 싶은 회사
- MARGIN
- 프론트엔드
- PADDING
- html/css
- 하차
- 프론트엔드스쿨
- 자바스크립트
- 프론트엔드개발자
- 미션회고
- 웹 개발
- 프론트엔드공부
- JavaScript
- CSS
- 후기
- 목표
- 개발공부
- 프론트엔드vs백엔드
- 제로베이스
- 프론드엔드스쿨
- 부트캠프
- HTML
- Frontend
- 제로베이스 후기
- 한달후기
- Today
- Total
목록전체 글 (7)
개발자가 되어보자
서버사이드와 클라이언트 사이드에 대해 알려줘. 자세히 알려줘. 답변서버사이드(Server-side)와 클라이언트 사이드(Client-side)는 웹 애플리케이션 및 소프트웨어 개발에서 중요한 개념으로, 두 가지 각각의 역할과 기능이 다릅니다. 아래에 각각에 대한 자세한 설명을 드리겠습니다.1. 서버사이드 (Server-side)서버사이드란 웹 애플리케이션의 서버에서 실행되는 모든 프로세스를 의미합니다. 서버는 클라이언트(사용자)의 요청을 처리하고, 필요한 데이터를 생성하거나 처리하여 클라이언트에게 응답을 반환합니다.주요 특징:데이터베이스와의 상호작용: 서버사이드에서는 데이터베이스와 연결하여 데이터를 조회, 추가, 수정 및 삭제할 수 있습니다.비즈니스 로직 처리: 서버사이드에서는 애플리케이션의 비즈니스 로..
Virtual DOM UI의 이상적인 또는 "가상" 표현을 메모리에 보관하고 ReactDOM과 같은 라이브러리에 의해 "실제" DOM과 동기화되는 프로그래밍 개념이다. 실제 DOM과 같은 내용을 담고 있는 복사본 → js 객체 형태로 메모리 안에 저장되어 있다. 실제 DOM의 메모리상의 표현이며, 실제 DOM의 가벼운 사본이라고 볼 수 있다. 실제 DOM의 모든 element와 속성을 공유한다. 실제 DOM의 구조를 반영하며, 렌더링하는 데 필요한 정보만을 가지고 있다. 브라우저에 있는 문서에 직접적으로 접근할 수 없어서 화면에 보여지는 내용을 직접 수정할 수 없다. 렌더링 성능을 향상시키기 위해 가상 DOM을 사용하여 실제 DOM과의 차이를 최소화한다. 가상 DOM은 실제 DOM과 비교하여 변경된 부분..
HTTP 메소드 클라이언트와 서버 사이에 이루어지는 요청(request)과 응답(response) 데이터를 전송하는 방식을 말한다. 서버가 수행해야 할 동작을 지정하는 요청을 보내는 방법이다. GET 특정 리소스의 표시를 요청한다. = 리소스 조회 오직 데이터를 받기만 한다. 캐싱이 가능하기 때문에 조회할 때 POST도 사용가능하지만 GET을 사용하는 것이 유리하다. POST 요청 데이터를 처리할 때 사용한다. 주로 요청 데이터를 등록할 때 사용한다. 특정 리소스에 엔티티를 제출할 때 사용한다. 종종 서버의 상태 변화나 부작용을 일으킨다. PUT 리소스를 대체(전체 덮어쓰기, 이미 있는 경우)하거나 해당 리소스가 없으면 생성한다. 리소스를 전체 변경하려고 할 때 사용한다. 목적 리소스 모든 현재 표시를 ..
Javscript 변수 var var 키워드로 선언한 변수는 중복 선언 가능 → 변수명이 같은 변수를 중복해 선언해도 에러 발생 X javascript의 특징으로 모든 선언문은 호이스팅 되기 때문 호이스팅 : 모든 선언문이 해당 scope의 선두로 옮겨진 것처럼 동작하는 특성. 자바스크립트는 모든 선언문(var, let, const, function, class)이 선언되기 이전에 참조 가능 함수 레벨 스코프를 가진다 함수 레벨 스코프 : 함수 내에서 선언된 변수는 함수 내에서만 유효하며 함수 외부에서는 참조할 수 없다. 함수 내부에서 선언한 변수는 지역 변수이며 함수 외부에서 선언한 변수는 모두 전역 변수 문제점 함수 레벨 스코프 전역 변수 남발 for loop 초기화식에서 사용한 변수를 for loo..
동등 연산자(==) vs 일치 연산자(===) 동등 연산자(==) 두 개의 피연산자가 동일한지 확인하여 boolean 결과를 반환한다 다른 타입의 피연산자들끼리의 비교를 시도한다 = 두 피연산자를 느슨하게 비교한다(타입이 다르면 형변환을 시도해 일치할 경우 true 반환) 동일한 타입일 때 비교 객체 : 두 피연산자가 동일한 객체를 참조하는지 문자열 : 두 피연산자가 동일한 문자를 동일한 순서로 가지는지 숫자 : 두 피연산자가 동일한 값을 가지는지. 두 피연산자가 모두 NaN이라면 false 불리언 : 두 피연산자가 모두 true이거나 모두 false일 때만 true BigInt : 두 피연산자가 동일한 값을 가지는지 심볼 : 두 피연산자가 동일한 심볼을 참조하는지 null과 undefined를 비교할 ..