TIL

엘리 드림코딩 react youtube clone 강의를 듣는 중이다진짜 설명 깨알로 하는 것도 너무 좋고,, 지금 보는 시점에서 강의가 1년정도 지난 강의인데도 너무 좋다. 확실히 시작할 때 듣기 좋은 강의(아마 처음부터 이거 했으면 어렵긴 했을 듯)근데 조금 아쉬운

prototype의 개념Javascript는 클래스라는 개념이 없다. 기존의 객체를 복사하여 새로운 객체를 생성하는 프로토타입 기반의 언어(prototype-based language)이다. 프로토타입 기반 언어는 객체 원형인 프로토타입을 이용하여 새로운 객체를 만들어

오늘은 첫 레슨!아 나중에 기능 손 볼 때 스피너 추가해야겠다.redux-thunk동기적으로만 처리하는 redux에서 비동기 처리를 도와주는 middleware이다.사실 무슨 말인지 정확히는 모르겠음...redux 사용해서 backend와 통신할 때 무조건 사용하는 애

class란속성과 메서드를 한데 묶어 놓은 것.객체를 생성할 때 사용하는 template이라고 보면 됨.Class는 그냥 찍어내는 도구이기 때문에 정의만 되어 있지, data를 가지고 있지 않기 때문에 메모리에 올라가지 않는다.저번에 prototype을 공부하면서 알았

비밀번호 틀렸을 경우 로직 추가message 없이 commitgit commit -a --allow-empty-message -m ''

module 화랑 nesting 적용 해봄.https://github.com/velopert/react-tutorial/blob/master/styling/04-postcss.mdgit merge써봐도 써봐도 안쓰면 까묵는다ㅋㅋㅋㅋmerge 할 때 베이스로 하

쿠키 세션 캐시를 알기 이전에 HTTP의 특징을 조금 알아보아야 한다.1\. stateless 상태 정보를 유지하지 않는다2\. connectionless 클라이언트가 서버에 요청했을 때 그에 맞는 응답을 보낸 후 연결을 끊는다.그런데, 이렇게 되면 사용자가 사이트를

엘리 강의 거의 끝났다.update하거나 delete할 때 mapping 이외의 방법이 있는 것은 정말 처음 알았다... 신기아 또, 내가 너무 props를 지저분하게 주고 있었고, 불필요한 인자들을 막 넘겨주고 있는 것 같다.점점 드는 생각이 이 프로젝트는... cs

오늘 쿠키,세션,캐시에 대해서 발표있고,백준 스터디 때 풀어봐야할 문제 7개,엘리 react 강의 마저 다 듣기,Javascript 개념 정리 (원시타입 / 참조타입)

원시타입 / 참조타입자바스크립트(ES6)에서는 7개의 데이터 타입을 제공한다.원시 타입 \- number : 숫자 타입 / 정수와 실수 구분 없음string : 문자열 타입boolean : true / falseundefined : 변수에 아무것도 할당이 되지 않았을

상태 관리 Library란?여러개의 부모 컴포넌트와 자식 컴포넌트로 이루어진 React에서는 각 컴포넌트 안에서 useState Hook으로 로컬적인 상태를 관리할 수 있고, 이를 자식 컴포넌트에서 사용하고 싶으면 props로 넘겨주는 방식으로 사용한다.하지만, 규모가

조금 조사를 해보니, 아직 객체지향에 대한 이해도 제대로 못했는데 벌써 함수형 프로그래밍을 깨닫겠다고 알아보는 것은 어불성설이라고 생각되었다. (함수형 프로그래밍을 이해하려면 거의 패러다임을 바꿔야 하는 수준이라고 한다.)대신 그만큼 깨닫고 나면 굉장히 좋고, 코드의

Javascript 엔진은 저 메모리 힙과 콜 스택을 가지고 있다. 그리고 그것을 이용해서 자바스크립트로 쓰여진 코드를 해석하고 실행한다.메모리 힙 : 구조화되지 않은 넓은 메모리 영역 (변수가 어디에 저장이 되어있는지/실행 컨텍스트가 참조하고 있는 것들이 저장되어 있

useEffect(() => { // dependency 추가하지 않고, functional update 사용 setPostTodo((todo) => { return { ...todo, todoText: props.editTodo.todoText

객체란?자바스크립트는 객체 기반의 프로그래밍 언어이다. 자바스크립트를 구성하는 거의 모든 것이 객체이다. (프리미티브 타입을 제외한 나머지 데이터 타입인 함수, 배열, 정규표현식 등은 모두 객체)원시 타입: 원시 값은 변경 불가능한 하나의 값(immutable valu

알고리즘 스터디 문제 풀기react 프로젝트 추가 수정javascript 개념 보기 - 비동기 - ajax내일 과제 예복습ajax란?Asyncronous Javascript and XML의 약자로 자바스크립트를 사용하여 브라우저가 비동기 방식으로 데이터를 요청하고, 서

REST API란?REST 아키텍처 스타일을 따르는/지키는 APIAPI란??소프트웨어 사이에서 정보를 주고 받기 위해 정해둔 매뉴얼대로 요청, 전송, 응답 받을 수 있는 것을 API(Application Programming Interface)라고 한다.예를 들어 Br

자료구조 : 데이터 구조, 효율적으로 데이터를 관리할 수 있도록 한 자료 구조알고리즘 : 문제를 풀기 위한 절차 / 방법어떤 문제에 대해 특정 입력을 넣어서 원하는 출력을 얻을 수 있도록 하는 프로그래밍.알고리즘의 좋고 나쁨을 판단하는 것에 이제 얼마나 시간이 걸리냐,

async와 await를 알아보기 전에 제너레이터라는 개념을 짚고 넘어가야 할 것 같다.제너레이터(generator)란?1) 제너레이터의 정의제너레이터 코드 블록의 실행을 일시 중지했다가 필요한 시점에 재개할 수 있는 특수한 함수2) 제너레이터의 특징\- 제너레이터 함

모던 자바스크립트 딥 다이브 Chapter 11요약Javascript 에는 7가지 데이터 타입이 있다.원시 타입의 값=> 변경 불가능한 값(immutable value)=> 변수에 값을 할당하면 변수(확보된 메모리 공간)에 실제 값이 저장객체(참조) 타입의 값=> 값을

AJAXAsyncronous Javascript and XML | Javascript의 비동기 통신 클라이언트와 서버 간 데이터를 주고 받을 때 HTTP 통신을 사용한다. 그 중에서도 AJAX는 변경하고 싶은 부분(필요한 부분)만 서버에 비동기적으로 요청하여 특정

소스 코드소스 코드란?ECMAScript 사양에서 구분되는 4가지 타입.ECMAScript code, 실행 가능한 코드(excutable code)라고 하며 실행 컨텍스트를 생성한다.소스코드의 타입에 따라 실행 컨텍스트를 생성하는 과정과 관리 내용이 달라진다.소스코드의

객체의 분류표준 빌트인 객체 (Bulit-in objects/native objects/global objects)ECMAScript 사양에 정의된 객체어플리케이션 전역의 공통 기능을 제공한다.ECMAScript 사양에 정의되어 있는 객체이므로 자바스크립트 실행 환경(

오늘 배운 것 Javascript 개념 스코프

문제 발견기본 상태에서는 1초 마다 렌더링이 된다.time을 불러오는 함수 getCurrentTime 함수가 DidUpdate 메서드 안에 있으므로 1초마다 렌더 -> DidUpdate가 반복된다.그런데, pause를 누르거나 modal의 close 버튼을 누르면 re

모던 자바스크립트 딥 다이브 chapter 16자바스크립트 엔진의 구현 알고리즘을 설명하기 위해 ECMAScript 사양에서 사용하는 pseudo property, pseudo method 이다.흔히 보는 이중대괄호 \[...] 안에 감싼 이름들이 내부 슬롯과 내부 메

생성자 함수new 연산자와 함께 호출하여 객체(인스턴스)를 생성하는 함수.자바스크립트는 Object, String, Number, Boolean, Funtion, Array ... 등의 빌트인 생성자 함수(built-in constructor)를 제공한다.객체 리터럴