개발새발 로그

📝오늘 배운 것 1.컴포넌트 방식으로 생각하기 2. 컴포넌트끼리 데이터를 주고받아야할 때 의존성 없이 해결하는 방법 - 이벤트 콜백 3. setState로 상태 변환하기 4. Client Side에서 데이터를 저장하는 방법 2가지 5. Cookie 유효기간 지정방법 6. Cookie 사용시 주의 사항 7. Local Storage 사용법 💡알게된 점 1. Cookie 주의사항 HTTP 요청시 헤더에 쿠키가 같이 나가기 때문에 쿠키사이즈가 커지면 HTTP요청 크기도 커집니다. 사이즈에 제한이 있습니다. 여러가지 보안 취약점을 조심해야합니다. 2. Local Storage를 사용할 때는 setItem메서드를 사용하는 것이 권장된다. 3. Local Storage에 데이터를 저장할 때는 string만 넣을 수..

📝오늘 배운 것 1. 명령형 프로그래밍과 선언형 프로그래밍 💡알게된 것 1. 명령형 프로그래밍과 선언형 프로그래밍의 정의 선언형 프로그래밍 - 무엇을 해결해야 할지에 집중하고 해결방법은 컴퓨터에게 위임하는 방법 명령형 프로그래밍 - 문제를 어떻게 해결해야 하는지 컴퓨터에게 명령을 내리는 방법 2. 명령형 프로그래밍 보다는 선언형 프로그래밍을 지향해야한다. - 보기쉽고 코드가 간결하니까 3. 명령형은 순서대로 코드작성, 선언형은 고차함수 사용 👁‍🗨선언형 프로그래밍 예시 // ------------------------선언형 프로그래밍 방식. 4--------------------------- //버튼의 그룹을 만들어서 외부에서 개입할 수 있는 요소를 최소한으로 하는 독립적인 UI // 궁극적으로 이런 추..

📝1일차 배운 것 1. 브라우저 동작원리 2. 변수, 상수, 자료형 그리고 메모리 3. 메모리 심화 4. 표현식과 연산자 5. 흐름 제어 6. 배열과 객체 7. 스코프와 클로저 ☝중요한 점 1. DOM이란? - HTML 문서를 객체화한 것 2. 렌더링이란? - HTML,CSS, 자바스크립트 등 개발자가 작성한 문서가 브라우저에서 출력되는 과정 3. 렌더링 과정 - DOM트리 생성 - CSSOM 트리 생성 - 렌더링 트리 생성 - 레이아웃 단계 - 페인팅 단계 4. var, let, const 차이 5. 메모리는 할당, 사용, 해제의 과정을 거친다. 6. GarbageCollector의 GarbageCollection의 역할 - 사용하지 않는 메모리를 해제하는 역할 7. 변수가 선언되면 값을 가리키는 것이..

📝배운 내용 1. this의 결정 시점 2. 즉시 실행 함수에서의 매개변수 지정 3. 함수 레벨 스코프 4. 자체 스코프를 가지지 않은 arrow function 5. bind 사용 6. 클로저는 무엇인가? 7. for와 forEach 8. var, let, scope의 차이 9. 호이스팅 💡알게된 점 1. 함수에서 this는 함수가 실행되는 시점에서 결정된다. - new 키워드 없이 함수를 실행하면 함수 내부의 this는 window를 가리킨다. - new 키워드가 있다면 새로 생긴 객체를 가리킨다. 2. 함수의 내부의 변수들은 외부에서 접근할 수 없다. 3. 중첩 객체 내부에서의 this는 선언된 위치에서의 객체를 가리킨다. 4. 인자를 함수로 받은 함수(setTimeout(function())과 같..

📋용어, 질문 정리 마크업이란? 과거에 원고에 대한 수정 지침을 나타내는 용어 - 수정사항을 가리키는 자료 디지털 세계에서 와서는 디스플레이 혹은 출력물에 대해 표시하는 방법을 나타내는 방식 HTML은 프로그래밍 언어인가? 실제로 HTML은 로직이 실행되지 않기 때문에 프로그래밍 언어라 할 수 없다. 계산이 안되기 때문 CSS탄생 문서 양식에 대한 수정사항이 생겼을 때 비슷한 문서들을 한번에 수정하지 못하고 하나씩 일일이 수정해야했다. 그래서 HTML의 내용과 표현을 분리하여 CSS라는 별도의 양식을 만들어 HTML 문서에 대한 표현을 해당 파일에 위임했다. 이로서 모든 문서를 한번에 수정할 수 있게 되었다. HTML5 - 2014년 10월 28일 표준안이 확정 - 영상과 음성을 처리하기 위한 멀티미디어..

이벤트 핸들러 : 이벤트가 발생했을 때 호출될 함수, 이벤트가 발생했을 때 브라우저에 호출을 위임한 함수 이벤트 핸들러 등록 : 브라우저에게 이벤트 핸들러의 호출을 위임하는 것 이벤트 드리븐 프로그래밍 : 프로그램의 흐름을 이벤트 중심으로 제어하는 프로그래밍 방식 이벤트 핸들러 등록 1. 이벤트 핸들러 어트리 뷰트 방식 - on 접두사와 이벤트의 종류를 나타내는 이벤트 타입으로 이루어짐 - 어트리뷰트 값으로 함수 참조가 아닌 함수 호출문 등의 문을 할당 - 함수가 아닌 값을 반환하는 호출문을 이벤트 핸들러로 등록하면 브라우저가 이벤트 핸들러를 호출할 수 없음 Click me 2. 이벤트 핸들러 프로퍼티 방식 - window객체, Document, HTMLElement 타입의 DOM 노드 객체는 이벤트에 ..

동적계획법 - 해결한 작은 문제로 큰 문제를 해결하는 문제 풀이 방식 -> 두가지 방법론이 있다. 메모이제이션 타뷸레이션 메모이제이션 - 하향식 접근법 - 동적 계획법에서작은 문제들의 결과는 항상 같다. - 결과들을 메모리에 저장해 필요할 때 꺼내 쓰는 것이 메모이제이션 ex) 기존 백트래킹을 통한 피보나치 수열에서 중복되는 인자의 함수를 메모이제이션으로 미리 저장해 값을 빠르게 반환 f(n) = f(n-1) + f(n+1) -> 이처럼 규칙이 있다면 가능! 타뷸레이션 - 상향식 접근법 - 필요한 값들을 미리 계산해두는 것 - 메모이제이션은 필요할 때 계산하는 것, 타뷸레이션은 미리 계산하는 것 동적계획법 코딩테스트 https://programmers.co.kr/learn/courses/30/lesson..

백트래킹 - 모든 경우의 수를 탐색하는 알고리즘 자바스크립트는 재귀 효율이 나쁘기 때문에 DFS를 구현할 경우 스택을 이용하는 것이 좋다. 탐색에서 순환이 발생할 수 있다면 BFS를 이용하는 것이 편하다. https://www.acmicpc.net/problem/9663 9663번: N-Queen N-Queen 문제는 크기가 N × N인 체스판 위에 퀸 N개를 서로 공격할 수 없게 놓는 문제이다. N이 주어졌을 때, 퀸을 놓는 방법의 수를 구하는 프로그램을 작성하시오. www.acmicpc.net 📋풀이방법 1. 체스가 한행에 하나의 퀸만 들어갈 수 있다는 것을 알아야한다 2. 그리고 다음 행에 퀸을 어디에 둘지 재귀로 검사하면서 백트래킹을 이용해야한다. 3. 위 그림처럼 둘 수 없는 좌표는 뻗어나갈 수..