📖오늘 배운 것 DOM(Document Object Model) DOM이란? :문서 객체 모델은 HTML, XML 문서의 프로그래밍 interface이다. DOM은 프로그래밍 언어가 DOM 구조에 접근할 수 있는 방법을 제공하여 그들이 문서 구조, 스타일, 내용 등을 변경할 수 있게 돕는다. DOM 특징 -DOM은 html 문서로부터 생성되지만 동일한 것은 아니다. > 원본 html이 유효하지 않아도 생성된 DOM 트리에는 교정되어 나타난다. > 자바스크립트를 통해 DOM을 수정하는 경우 DOM에는 업데이트되지만 HTML 문서의 내용이 변경되는 것은 아니다. -DOM은 key 와 value로 이루어져 있는데 이것은 웹 UI의 상태, 기능, 속성을 객체로 만든 것이다. DOM Tree :DOM은 트리구조로..
📖오늘 배운 것 "DFS와 BFS" 깊이 우선 탐색(DFS) 그래프 탐색 알고리즘으로 최대한 깊이 내려간 뒤 더 이상 내려갈 곳이 없으면 옆으로 이동한다. 길을 정해서 갈 수 있는 한 최대한 깊이 갔다가 더 이상 길이 없음면 가장 최근 분기점의 다른 길로 가보는 것이다. 모든 노드를 방문 할 수 있다. 특징 stackdmf 이용해서 구현할 수 있다. v가 정점의 수이고 E가 간선의 수일 때 BFS의 시간 복잡도는 O(V+E)이다. 관련 알고리즘 문제 https://school.programmers.co.kr/learn/courses/30/lessons/43162 프로그래머스 코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기..
회고와 일기 그 어딘가 개강 직전 주 금요일에 오티를 하고 월요일부터 바로 교육을 시작했다. 코어타임은 기본 1시부터 7시이지만 특강이나 여러 일정에 의해 그 안에서 조정될 때가 많다. 코어타임동안은 무슨 공부를 하든 공부를 하고 있으면 된다! 첫 날에 데브코스에서 제공하는 강의를 보고도 시간이 여유가 되서 오 개인공부도 많이 할 수 있겠는걸? 했지만 바로 그 다음날부터 강의를 다 듣기에도 급급했다... 그래서 5개월 간 목표는 당일 강의 밀리지 않고 100% 출석하기로 정했다. 교육매니저님이 멘토님들을 중심으로 팀을 정해주시고 각 팀 내 규칙에 따라 스크럼 등을 진행하며 학습하게 된다. 자기소개도 진행했었는데 다른 분들 이야기를 들어보면서 ... 이 코스 문 닫고 들어온 건 나겠군 이라는 확신을 했다 ..
📖오늘 배운 것 트리 : 노드로 구성되어 있으며 모든 정점이 연결된 그래프이다. 루트(Root): 부모가 없는 노드, 최고 정점 노드(Node): 구성요소 간선(Edge): 노드와 노드 간의 연결선 리프노드(Leaf Node): 자식이 없는 노드 레벨(Level): 노드에서 특정 노드까지의 깊이 디그리(Degree): 노드의 자식의 수/간선의 수 깊이(depth): 루트에서 특정 노드까지의 간선의 수 높이(height): 리프에서 특정 노드까지 가장 긴 경로의 간선의 수 특징 루트 정점을 제외한 모든 자식 노드는 하나의 부모 노드를 가진다. 노드가 n개인 트리는 항상 n-1개의 간선을 가진다. 종류 편향트리 : 모든 노드들이 하나의 자식만을 가진 경우 이진트리: 각 노드의 자식 노드가 2개 이하인 경우 ..
📖오늘 배운 것 네트워크 기초 ▶브라우저 창에 주소를 입력하면 벌어지는 일 ① URL을 해석한다. ② DNS를 조회한다. DNS란? :Domain Name System으로 도메인(ex> google.com)과 IP주소(ex> 142.250.199.110)를 서로 변환해준다. -브라우저는 DNS 요청을 보내기 전에, 이미 해당 도메인을 알고 있는지 브라우저 캐시를 찾아보고 없다면 로컬 컴퓨터의 hosts 파일을 참조한다. 만약 이미 정의가 되어 있다면 내부적으로 IP를 반환한다 위의 두 가지에 해당이 안된다면 DNS를 호출한다. 이러한 DNS는 Root server, TLD server, Authoritative Server 순으로 탐색한다. -Root Server : TLD DNS 서버 IP를 저장해 두..
📖오늘 배운 것 호이스팅 호이스팅이란? : 코드가 실행되기 전에 변수, 함수 선언이 해당 스코프의 최상단으로 끌어올려진 것 같은 현상 > 자바스크립트는 코드 실행 전에 실행 컨텍스트를 위해 실행 가능한 코드를 형상화하고 구분하는 과정을 거친다. 그리고 이러한 과정에서 모든 선언이 스코프에 등록된다. >변수는 선언 - 초기화 - 할당 단계를 거치는데, var 변수의 경우 선언과 함께 undefined로 초기화되어 메모리에 저장되기 때문에 참조에러가 나지 않지만 let, const 변수는 선언과 초기화가 별개로 이루어져 선언만 되고 초기화는 되지 않은 상태에서 메모리에 저장되지 않는다. 따라서 초기화되어 있지 않아 변수를 참조할 수 없다. 변수 단계 -선언 단계 : 변수를 실행하여 컨텍스트 변수 객체에 등록..
📖오늘 배운 것 -props와 state의 개념 다시 알아보기 -폴더구조 쳬계적으로 짜보기 -useEffect 사용법 💭배운 점 리액트 스터디를 하면서 생각해보지 못했던 부분들과 기본 개념에 대해 다시 생각해볼 수 있어서 좋았다. 🔰개선할 점 시간을 들여서 만족스러운 결과를 내는 것이 좋을 것 같다. 시간 체계적으로 사용하기! 💻앞으로 배우고 싶은 것 -리액트 잘 다룰 수 있도록 연습하기 -깃헙 다루는 방법
📖새로 알게 된 것 -useEffect는 클래스의 생명주기 함수의 역할을 한다. 일반적으로 사용할 땐 경우에 따라 componentDidMount, componentDidUpdate 함수의 역할을 하고 만약 componentWillUnmont의 역할을 원한다면 useEffect의 return 값으로 호출하면 된다. useEffect의 return 값은 컴포넌트가 언마운트 될 때 호출된다. -Hook의 규칙 :Hook은 무조건 최상위 레벨에섬나 호출해야 한다. 반복문이나 조건문, 중첩된 함수 등에서는 호출하면 안 된다. :리액트 함수 컴포넌트에서한 Hook을 호출할 수 있다. -if...else를 통해 조건부 렌더링을 할 수 있다. -Inline Conditions :조건문을 코드 안에 집어넣는 것 -in..
📖오늘 공부한 것 1. React Elements : 화면에 보이는 것들을 기술 : Virtural DOM에 존재하는 것이 React Elements이고 랜더링되어 DOM Elements가 되는 것이다. : 불변성 = 엘리먼트는 불변성을 가지기 때문에 내용이 변경되면 엘리먼트가 변경되는 것이 아니라 새로운 엘리먼트를 생성하여 교체하는 것이다. 2. 객체 - new User를 써서 객체를 만들 때 내부적으로 일어나는 일 function User(name) { // this = {}; (빈 객체가 암시적으로 만들어짐) // 새로운 프로퍼티를 this에 추가함 this.name = name; this.isAdmin = false; // return this; (this가 암시적으로 반환됨) } -익명 생성자 ..
객체 -프로퍼티(키-값) 1. 객체 키 유효한 변수 식별자 :점은 키가 유효한 식별자일 때만 사용가능하다. 공백, $, _를 제외한 특수문자가 있는 경우 유효한 식별자가 아니다. 키가 유효한 식별자가 아닌 경우 대괄호 표기법을 이용하면 된다. :사용자 입력 값 등에 의해 key가 변경되는 경우 대괄호 표기법을 사용해야 한다. 2.객체/ 계산된 프로퍼티 :객체를 만들 때 키가 대괄호로 감싸져 있는 경우 : 만약 [fruit]: ... 인 경우 프로퍼티 이름을 변수 fruit에서 가져온다는 뜻이다. 3. 예약어 : 변수 이름엔 예약어 사용이 안되지만 객체의 키 이름으로는 사용할 수 있다. 프로퍼티의 이름엔 다른 제약이 없다! 4.undefined과 in 연산자 : 객체의 경우 존재하지 않는 프로퍼티에 접근하..
