본문 바로가기

전체 글121

웹에 대한 기초 용어 정리 Contents 웹 표준 관련 기술 프로토콜 HTTP VS HTTPS REST undefined, undeclared , NaN, null DOM 동기 VS 비동기 객체 지향 프로그래밍 TDD [ 웹표준 관련 기술 ] 구조(HTML) - 표현(CSS) - 동작(Script) [ 프로토콜 ] 프로토콜 의미: 컴퓨터나 통신 장비 사이에서 메시지를 주고 받기 위해 설계된 일련의 규칙 체계 주요 프로토콜: HTTP, HTTPS, TCP, UDP, DNS [ HTTP VS HTTPS ] HTTP 의미: 하이퍼텍스트 전송 프로토콜의 약자로 하이퍼 텍스트를 교환, 전송을 위한 통신 규약 구조: 요청과 응답 동작 과정: 클라이언트 요청 -> 서버 응답 -> 통신 종료 사용하는 이유: 간단한 통신, 리소스에대한 효율성이.. 2023. 11. 1.
TIL 86일차 (2023-10-24) 코딩 테스트 공부 && CS 공부 1. 코딩 테스트 Lv.1 [10문제 풀기] 2. React 면접 질문 답변 3. CS 관련 면접 질문 답변 [코딩 테스트 헷갈린 메소드 및 용어] indexOf ➛ 배열에서 주어진 요소를 찾을 수 있는 첫 번째 인덱스를 반환하고, 찾을 수 없는 경우 -1을 반환 includes ➛ 배열의 항목에 특정 값이 포함되어 있는지를 판단하여 적절히 true 또는 false를 반환 push ➛ 배열의 끝에 하나 이상의 요소를 추가 filter ➛ 배열에서 조건문을 추가하여 true인 값들만 필터링하여 반환 [React 면접 질문] 버츄얼 돔과 리얼 돔의 차이를 설명해주세요 주관적인 생각: 업데이트 방식 DOM 의미: 페이지의 실제 구조를 나타내는 HTML 요소들의 트리 구조 업데이트 방식: 페이지의 이동 혹은 L.. 2023. 10. 24.
TIL 85일차 (2023-10-23) 코딩 테스트 공부 && React 복습 1. 코딩 테스트 Lv.1 [10문제 풀기] 2. React 면접 질문 답변 3. CS 관련 면접 질문 답변 [코딩 테스트 헷갈린 메소드 및 용어] split ➛ 문자열 객체에서 지정한 문자에 따라 여러 개의 문자열로 나눔 한 글자씩 나누고 싶으면 value.split("") splice ➛ 배열의 기존 요소를 삭제 또는 교체 혹은 새 요소를 추가하여 배열의 내용 변경 sort ➛ 배열의 요소를 적절한 위치로 반환 문자의 경우 정렬 잘 됨 숫자의 경우 오름차순 ➛ sort((a,b) => a - b) 내차순 ➛ sort((a,b) => b - a) join ➛ 배열의 모든 요소를 연결해 하나의 문자열로 만든다. Math.min ➛ 가장 작은 숫자를 반환 배열에서 가장 작은 수를 꺼낼 때는 스프레드를 사용.. 2023. 10. 23.
TIL 84일차 (2023-09-18) 최종 프로젝트가 끝났습니다!! 1. 프로젝트 발표를 위한 준비 2. 예상 질문 준비 3. 프론트 엔드 개발자 관련 웨비나 참여 4. Remind me 관련하여 작업 [예상 질문] 1. 기술적 의사 결정 질문 ( firebase와 supabase를 둘 다 사용했나요?) → firebase의 경우 기획이 100%가 아닐 때 살을 붙여가며 작업하기 편하다. (데이터 구조를 바꿀 수 있다.) → supabase의 경우 기획을 100%로 하고 가야 작업이 편리하다. (데이터 구조를 중간 중간 붙이기 힘들다) 2. React를 사용하셨는데 NEXT.JS를 사용 안하고 CRA를 사용한 이유가 있나요? → NEXT의 경우 최적화가 잘 되어 있기 때문에 최적화 포인트를 인지하면서 쓰기 위해 CRA를 썼습니다. 2-1. 코드 스플리팅을 안 한 이유가 .. 2023. 9. 18.

티스토리툴바