review OSI 7계층 - Application - Presentation - Session - Transport => 인터넷 transport 프로토콜: TCP, UDP - Network - Link - Physical TCP ? - Transmission Control Protocol - UDP와 비교했을때, - 신뢰성 높음 - 속도 느림 - ex) 메일, 웹 브라우징 TCP 3-way handshake와 4-way handshake TCP는 `정확성/신뢰성` 있는 전송을 보장해줘야함 → 그를 위한 과정: handshaking 1. Establishing Connection (접속 성립) : 3-way 2. Closing Connection (접속 종료) : 4-way 3-way handshake..

힝 할게 생각보다 많다 힝 근데 또 아닌가? 싶기도하고 이번주는 제때제때만 한다면 충분히 가능할듯!! 미루지만 않는다면 힐링타임도 분명 가질수있을듯!! 화이팅~~ 주차별 계획 세우니까 진짜 시간 금방가는거처럼 느껴진다 소중하구 그래 ,, 11월 1주차 계획 서류 ㅎ (화) ✅️ ㄱ? ㅇ ✅️ 코테 공부 ... dp 이분탐색 응용 솝트 ✅️ 코드리뷰 (토) ✅️ 과제 수정해서 푸시하기 (금) ✅️ 심심스 아티클 작성 (화) ✅️ 심심스 실습 준비 (목) ✅️ cs 스터디 발표 (월) ✅️ 코테 스터디 과제 (수) ✅️ 코테 코드리뷰 (일) ✅️ 미미나(수) ✅️ cs 공부 & 아티클 작성 (일) ✅️ 멋사 ✅️ 멋사이트 미팅 (화) ✅️ 과제 코리 (화) ✅️ ㄴ 인적성 (수) ✅️ cs 등등 포스팅하기 ..

CSS in JS JavaScript 파일 안에 스타일을 선언하는 방식 CSS in CSS styled-components 대표적인 CSS-in-JS 라이브러리 장점 css모델을 컴포넌트 레벨로 추상화하는 모듈성. (문서레벨이 아니라) js환경을 최대한 활용. js와 css 사이의 상수와 함수를 공유 단점 러닝커브? 새로운 의존성 css in css 비해 느린속도 기본 문법 1. tagged template literal 사용 (tag + 백틱) const a = styled.div` //~~~ `; 2. Components 대문자로 시작 3. styled API를 사용해서 스타일링함 import styled from "styled-components"; 동적 스타일링 단일 속성 props 사용하기. 다..

Component 특징 규칙 함수형 컴포넌트, 클래스형 컴포넌트 왜 함수형 컴포넌트를 사용하는가? 함수형 컴포넌트 매개변수로 props를 받아오고, React Element를 반환 props properties의 줄임말 어떤 값을 컴포넌트에 전달해줘야할때 사용! 구조분해할당! children 컴포넌트 태그 사이의 내용을 보여주는 props 이거 왜 나 몰랐냐 .. 아니 알았는데 제대로 모르고 사용해왔따 .. props는 읽기 전용이다 모든 react 컴포넌트는 자신의 props를 다룰때 반드시 순수함수처럼 동작해야함. 순수함수: 외부의 상태를 변경x + 동일한 인자에 대해 항상 똑같은 값을 리턴하는 함수 즉, 자신의 props를 수정하지 말것! => 그럼 어떻게? state state (상태) 컴포넌트 ..

React란 리액트는 js ui library! 라이브러리 vs 프레임워크 - 가장 중요한 차이점: 애플리케이션 제어 흐름을 누가 갖고 있는지? - 라이브러리 -> 제어권이 개발자에게 있음 - 프레임워크 -> 제어권이 프레임워크에 있음 React는 왜 만들어졌을까? - 기능 많아질수록 동적으로 표현할 ui가 늘어나면서,, DOM api만으로는 개발하기 어려워짐 ㅠㅠ 1세대 -> DOM 조작, 이벤트 발생 2세대 -> jQuery 3세대 -> 프레임워크(Angular, Vue), 라이브러리(React) React 이해하기 싱글 페이지 애플리케이션 SPA - 단 한개의 페이지만으로 구성. - 모든 정적 리소스를 최초 한번만 다운받아 렌더링 - 페이지 갱신에 필요한 데이터만 리렌더링 - => 단점? 초기 구동..

움 이번주 꽤나 힘듬 ㅎ.ㅎ 다음주도 .. 꽤나 힘들 예정 .. 뵤 .. 배고파 권씨 언제와 ~~ 이틈타 계획 작성하기 ㅎ.ㅎ 아 놔 면접 준비 어카냐 10월 4주차 계획 면접준비 ✅️ 자소서 기반 질문 ✅️ 자기소개 ✅️ 인턴 생활 관련 질문 ✅️ 금융경영연구소 ✅️ pt ✅️ 흠 ,, 직무적합성? 컴특 시험 공부 ,, ✅️ 솝트 과제!!!! (금) ✅️ 1주차 코드리뷰 반영 커피챗 판교 (목) ✅️ 심심스 아티클 공부 및 코멘트 (목) ✅️ cs 스터디 아티클 (일) ✅️ cs 스터디 리뷰 남기기 (일) ✅️ 심심스 담당파트 계획 ✅️ 코테 이분탐색 좀더 조지기 ,, dp ,, 조지기 ,, 서류 쓸지말지 고민 ,, ㄴ ✅️ 서류 ㅎ 탑싯 ㅎ.ㅎ ✅️ 취설 기말 대체 특강 (금) ✅️ 구글클라우드 해제..

시간은 넘무 빨라 ~.~ 벌써 이번주 이사 .. 그럼? 다음주 중간고사 .. 훔 빠르군 몰아치는 코테에 정신을 못차리는 중 내 코테실력 우짤래미 ,,, 그래두 ,, 홧팅 ,, 10월 3주차 계획 코테 준비 개념을 점 ,,, 해보자 ,, dfs, bfs ㅋ.ㅋ 정복 ㅋ.ㅋ ✅️ 정렬? ㅋ.ㅋ 정복 ✅️ 이진탐색? 정복 ㅋ.ㅋ ✅️ 배열/이차원/벡터 ? 완전 정복 ㅋ.ㅋ 문자열 ✅️ 10809 ✅️ 2675 ✅️ 1152 ✅️ 5622 ✅️ 1316 ✅️ 1157 ✅️ 2941 ✅️ 하 그냥 파이썬 쓸까 .. ✅️ 아니면 자스 .... https://www.acmicpc.net/problem/2292 https://www.acmicpc.net/problem/7682 https://www.acmicpc.net..

DOM DOM Document Object Model : HTML을 '객체 형태'로 파싱해서 구조화한 모델. 문서 노드, 요소 노드, 어트리뷰트 노드, 텍스트 노드 브라우저가 이해할 수 있는 구조, 노드 트리로 표현됨 DOM API 웹 문서의 동적 변경을 위해, DOM은 프로그래밍언어가 자신에게 접근/수정할 수 있는 방법 제공. js로 DOM에 접근하여, 노드추가/삭제/변경/이벤트처리/수정 등이 가능해짐 예시) document.getElementById() 등 https://poiemaweb.com/js-dom#3-dom-query--traversing-%EC%9A%94%EC%86%8C%EC%97%90%EC%9D%98-%EC%A0%91%EA%B7%BC DOM | PoiemaWeb 브라우저는 웹 문서(HT..