Boot Camp/code states
[ Code States ] Section 3 / KDT 회고
Section 2 보다 달라진점 나태해졌다고 생각함 리액트 프로젝트 만들어보기 (컴포먼트 나눠서 만들어보기 등) 앞으로 개선 / 시도 이번에 솔로 프로젝트로 만든 To Do List 포트폴리오 만든다고 생각하고 리액트 파일 만들어보기 열심히 공부하자 제발
All Records
Front end/개발 지식
[ 네트워크 ] HTTP / HTTPS 특징
HTTP 특징 클라이언트 서버 구조 무상태 프로토콜, 비연결성 무상태 프로토콜 장점 : 서버 확장성 높음 / 단점 : 클라이언트가 추가 데이터 전송 비 연결성 요청을 주고받을 때만 연결을 유지, 응답을 주고 나면 TCP/IP 연결을 끊음으로써 최소한의 자원으로 서버 유지가 가능 HTTP 메세지 단순함, 확장가능 HTTP Headers의 종류와 특징 표현 헤더 HTTP 메시지 : 헤더 / 바디로 구분이 가능 HTTP 바디 : 데이터 메시지 본문을 통해서 표현 데이터를 전달한다. 페이로드 : 데이터를 실어 나르는 부분 📷 표현 헤더 형식 주요 요청 헤더 From: 유저 에이전트의 이메일 정보 Referer: 이전 웹 페이지 주소 User-Agent: 유저 에이전트 애플리케이션 정보 Host: 요청한 호스트 ..
Front end/개발 지식
[네트워크] 심화 알아보기
인터넷 프로토콜 IP는 출발지와 목적지의 정보를 IP 주소라는 특정한 숫자값으로 표기하고 패킷단위로 데이터를 전송하는 것 패킷교환 방식 패킷이라는 단위로 데이터를 잘게 나누어 전송하는 방식 특정 회선이 전용선으로 할당되지 않기 때문에 빠르고 효율적으로 데이터를 전송할 수 있다. IP/IP Packet IP는 지정한 IP 주소(IP Address)에 패킷(Packet)이라는 통신 단위로 데이터 전달한다. IP 패킷에서 패킷은 pack과 bucket이 합쳐진 단어이다. / IP 패킷은 이를 데이터 통신에 적용한 것 IP한계 비연결성 패킷을 받을 대상이 없거나 서비스 불능 상태여도 클라이언트는 서버의 상태를 파악할 방법이 없기 때문에 패킷을 그대로 전송 비신뢰성 중간에 있는 서버가 데이터를 전달하던 중 장애가..
TIL
230501 - 0507
5월 1일(월) 공부 네트워크 심화 학습 물데네전세표응 학습 5/5 복습해야할 듯 프로그래머스 알고리즘 문제 풀기 5월 2일(화) 공부 [Backend] 인증 / 보안 학습 5/3 Token 과제 진행 예습하기 서버의 부담을 줄이고 확장성을 높이는 토큰 인증 방식을 구현 토큰기반 인증 중 가장 대표적인 JWT를 이용하여 웹 앱을 구현 프로그래머스 알고리즘 문제 풀기 5월 3일(수) 공부 [Backend] 인증 / 보안 학습 5/3 Token 과제 진행 완료 서버의 부담을 줄이고 확장성을 높이는 토큰 인증 방식을 구현 토큰기반 인증 중 가장 대표적인 JWT를 이용하여 웹 앱을 구현 프로그래머스 알고리즘 문제 풀기 알고리즘 스터디 문제 발표 준비 5월 4일(목) 공부 [Backend] 인증 / 보안 학습 O..
Front end/개발 지식
[사용자 친화 웹] 웹 표준 & 접근성
웹이란 공간으로 정의가 가능 문서,이미지,영상 등 다양한 정보를 여러사람들과 공유할 수 있는 공간 웹 표준이란, W3C(World Wide Web Consortium)에서 권고하는 ‘웹에서 표준적으로 사용되는 기술이나 규칙’이다. 사용자가 어떠한 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상적으로 작동할 수 있도록 하는 웹페이지 제작 기법을 담고 있음 HTML, CSS, JavaScript 등의 기술을 다룸 (화면의 구조,표현,동작을 각각 담당) 웹 표준 장점 유지 보수의 용이성 영역이 분리되면서 유지 보수가 용이해졌고, 코드가 경량화되면서 트래픽 비용이 감소하는 효과 웹 호환성 확보 웹 표준을 준수하여 웹 사이트를 제작하면 웹 브라우저의 종류나 버전, 운영 체제나 사용 기기 종류에 ..
TIL
230424 - 0430
4월 24일(월) 공부 Cmarket Redux 과제 진행하기 Cmarket Hooks 과제의 상태를 React Hooks가 아닌 Redux로 관리할 수 있도록 만드는 과제 프로그래머스 레벨 2 문제 풀기 4월 25일(화) 공부 Cmarket Redux 과제 진행 완료 및 블로깅하기 Cmarket Hooks 과제의 상태를 React Hooks가 아닌 Redux로 관리할 수 있도록 만드는 과제 프로그래머스 레벨 2 문제 풀기 4월 26일(수) 휴가날 (남은 휴가 2개) 23 : 00 알고리즘 스터디 발표 준비 및 알고리즘 못 푼 문제 풀기 4월 27일(목) 공부 웹 표준 & 접근성 (수) 학습 과정 공부 웹 표준 & 접근성 - 웹 접근성 / 과제 - 웹 표준 & 접근성 개선 (금요일까지) 웹 콘텐츠 접근성..
Coplit
[ Coplit ] - 25_tiling 문제 풀이
문제 세로 길이 2, 가로 길이 n인 2 x n 보드가 있습니다. 2 x 1 크기의 타일을 가지고 이 보드를 채우는 모든 경우의 수를 리턴해야 합니다. 입력 인자 1 : n number 타입의 1 이상의 자연수 출력 number 타입을 리턴해야 합니다. 주의 사항 타일을 가로, 세로 어느 방향으로 놓아도 상관없습니다. (입출력 예시 참고) Advanced 타일링 문제를 해결하는 효율적인 알고리즘(O(N))이 존재합니다. 반드시 직접 문제를 해결하시면서 입력의 크기에 따라 어떻게 달라지는지 혹은 어떻게 반복되는지 관찰하시기 바랍니다. 💬 코드 function tiling(n) { // 보드를 채우는 경우의 수를 저장할 배열을 생성 const memo = [1, 2]; // memo 배열의 크기가 n 이상이..
Coplit
[ Coplit ] - 24_isSubsetOf 문제 풀이
문제 두 개의 배열(base, sample)을 입력받아 sample이 base의 부분집합인지 여부를 리턴해야 합니다. 입력 인자 1 : base number 타입을 요소로 갖는 임의의 배열 base.length는 100 이하 인자 2 : sample number 타입을 요소로 갖는 임의의 배열 sample.length는 100 이하 출력 boolean 타입을 리턴해야 합니다. 주의 사항 base, sample 내에 중복되는 요소는 없다고 가정합니다. Advanced 시간 복잡도를 개선하여, Advanced 테스트 케이스(base, sample의 길이가 70,000 이상)를 통과해 보세요. 💬 코드 const isSubsetOf = function (base, sample) { const baseSet =..
