profile
-기록일지

webPack - 01

여러개의 파일을 하나로 묶어주기 때문에 네트워크 접속의 부담이 덜하다.빠른 서비스를 제공여러개의 서로 다른 패키지들이 서로 같은 이름의 전역 변수를 사용하면 프로그램은 오작동을 일으킨다.(충돌) 이 문제를 극복하기 위해서 등장한 것이 모듈 웹팩은 아직 최신 기술이라서

6일 전
·
0개의 댓글

세션/쿠키 , JWT

항상 공부하면서 서버 인증에 관하여 모르는 부분이 있어도 쉽게쉽게 넘어가서 개념 정리겸 확실히 알아가기 위해서 정리를 해둔다.인증은 프론트엔드 관점에서 사용자의 로그인,회원가입과 같이 사용자의 도입 부분을 가리키곤 한다.반면 서버사이드 관점에서 볼 때 모든 API요청에

2020년 5월 19일
·
0개의 댓글

Map 과 Set

ES6에 새로 추가된 Map 타입의 기본 문법과 특징을 알아보자. Map은 key와value가 [key,value] 형식으로 이루어진 리스트 Map 생성 ㅡ Map 객체 생성은 다음 new Map()으로 생성하고 Map.set()으로 요소를 추가할 수 있다. set

2020년 5월 17일
·
0개의 댓글

Redux_01.

액션 상태를 "업데이트를 할 때 어떻게 업데이트 할지 "정보"를 지니고 있는 "객체" 타입값을 필수로 가지고 있어야 한다. 액션 생성함수 액션 객체를 만들어주는 함수 리듀서 상태를 바꿔 주는 것 > 리듀서 함수는 "이전 상태"와, 액션 객체를 파라미터로 받습니다.

2020년 5월 10일
·
0개의 댓글

타입 스크립트(1)

초기부터 설정하기

2020년 5월 3일
·
0개의 댓글

var VS let, const

스터디를 준비하면서 기존의 변수 키워드인 var와 es6 이후에 도입된 const, let의 차이점을 명확히 알기위해 정리 해 봤습니다. let과 const가 나온 이유? 기존에 var 변수 키워드가 있는데 왜 let, const가 생겼을까? 호이스팅의 문제 변수의

2020년 4월 7일
·
0개의 댓글

1365. How Many Numbers Are Smaller Than the Current Number

문제 > Given the array nums, for each nums[i] find out how many numbers in the array are smaller than it. That is, for each nums[i] you have to count t

2020년 4월 7일
·
0개의 댓글

비구조화 할당과 spread & rest

비구조화 할당 > 여러 라인에 걸쳐 적어야만 했던 할당을 보다 간결하게 쓸 수 있다. * 객체 안에 있는 값을 추출해서 변수 혹은 상수로 바로 선언이 가능하다!* 보통 객체의 값에 접근할 때 객체의 비구조화 할당 배열도 비구조화 할당이 가능하다! 보통 배열 ar

2020년 4월 7일
·
0개의 댓글

1108. Defanging an IP Address

릿코드 알고리즘을 풀면서 천천히 정리하는 시간..! 문제 Given a valid (IPv4) IP address, return a defanged version of that IP address. A defanged IP address replaces every

2020년 3월 26일
·
0개의 댓글

RESTful HTTP API 구조 및 개념

URI해당 사이트의 특정 자원의 위치를 나타내는 유일한 주소./login,/newshttps://finace.naver.com/marketindex/HTTP MethodHTTP request가 의도하는 action을 정의한것POST,GET 등등PayloadHT

2020년 3월 16일
·
0개의 댓글

6. Infinity, NaN

Assignment 1Q : returnNaN 함수가 NaN값이 반환될 수 있도록 해주세요.ex) 아래는 3+2 계산을 통해 5가 반환됩니다.A : Assignment 2Q : dutch 함수에서 더치페이를 계산하려고 합니다.로직은 아래와 같습니다.price / cou

2020년 3월 15일
·
0개의 댓글

rest, spread 문법

rest, spread 문법에 대해 알아보기 전에 파라미터와 아규먼트에 대해 먼저 알아보자! 1.파라미터 & 아규먼트 아규먼트란 함수가 실행될 때 넣는 값 파라미터란 함수에서 받을 수 있는 변수 2.파라미터 기본값 ES6부턴 함수 파라미터에 기본값을 설정할 수

2020년 3월 15일
·
0개의 댓글

객체의 복사

addProperty 함수info라는 인자를 받는다. info는 객체이며 profile 객체에 추가할 프로퍼티 정보가 들어있다.예를 들어 { age: 20 } 라는 객체를 넘기게 된다.profile 객체를 복사하여 새로운 객체에 프로퍼티를 추가하여 리턴한다.하지만 원래

2020년 3월 13일
·
0개의 댓글

scope

scope는 참조 대상 식별자를 찾아내기 위한 규칙이다.자바스크립트는 이 규칙대로 식별자를 찾는다. 전역 스코프 : 코드 어디에서든지 참조할 수 있다. 지역 스코프 : 함수 코드 블록이 만든 스코프로 함수 자신과 하위 함수에서만 참조할 수 있다.모든 변수는 스코

2020년 3월 11일
·
0개의 댓글

Array solve

array 문제 풀이 모음apply()메소드를 쓰면 간단하게 최댓값과 최소값을 구할 수 있다. 외우진 않아도 어떤 때에 사용하는지 알고 적용하면 좋을 듯

2020년 2월 16일
·
0개의 댓글

Cloud Functions

cloud Functions를 사용하면 클라이언트 코드를 업데이트하지 않고 Firebase 실시간 데이터베이스의 이벤트를 처리할 수 있습니다. cloud Functions를 사용하면 전체 관리 권한으로 데이터베이스 작업을 실행, DataSnapshot,Admin SDK를 통해 Firebase 실시간 데이터베이스를 변경할 수 있습니다. cloud Func...

2020년 2월 9일
·
0개의 댓글

Firebase의 구조

Firestore의 구조 -Col -Doc firestore는 Collection과 Document 2가지 Collection은 문서의 집합 Document는 필드와 값을 가지며, 또 다른 Collection을 갖게됨 Firestore는 NoSQL문서 중심의 데이터베이스 SQL데이터베이스와 달리 테이블이나 행이 없으며, 컬렉션으로 정의되는 문서에 데이터...

2020년 2월 9일
·
0개의 댓글

docker

docker? 도커는 오픈 소스 컨테이너 프로젝트, 현재 전세계적으로 큰 인기를 끌고 있음 AWS,google cloud platform, ms Azure등의 클라우드 서비스에서 공식 지원 도커를 사용하는 이유? 복잡한 리눅스 애플리케이션을 컨테이너로 묶어서 실행할 수 있다. 개발,테스트,서비스 환경을 하나로 통일하여 효율적으로 관리할 수 있기 때문! ...

2020년 2월 9일
·
0개의 댓글

Redux

Redux Flux와 기능이 비슷하지만 Flux는 store가 여러개를 사용할 수 있지만 Redux는 한가지의 store를 사용한다. 대신, Redux의 store는 다양한 상태 객체로 나뉘어진다. Redux의 세 가지 원칙 상태는 읽기 전용이다. 순수 함수로써 변경이 된다. 단일 소스이다. 액션 리덕스의 상태를 변경하기 위해서는 액션을 내보내야한다....

2020년 2월 2일
·
0개의 댓글

Flux

Flux 애플리케이션에서 데이터를 취급하기 위한 패턴 Flux는 Facebook이 가지고 있었던 특정한 문제점들을 해결하기 위해서 개발되었다. 근본적인 문제점 Facebook이 찾은 근본적인 문제점은 데이터가 애플리케이션을 흐르는 방법에 있었다. model&rendering 모델(model)이 뷰 레이어로 데이터를 보낸다. (실제 아키텍처는 그림과...

2020년 1월 29일
·
0개의 댓글