profile
나만의 속도로
post-thumbnail

Scope(let, const, var)

어떤 변수들에 접근할 수 있는지를 정의하는 범위로서 전역스코프와 지역스코프가 있다.함수 바깥이나 중괄호({})밖에 선언된 경우로서 전역변수를 선언하게 되면 코드 모든 곳에서 해당 변수를 사용할 수 있게 된다. 하지만 전역스코프에 전역변수를 선언할 수 있다고 해도 추천되

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

프로젝트 리팩토링

1차 프로젝트를 하면서 가장 아쉬웠던 부분은 우리가 리덕스를 배우기 전이라 라우팅되면서 페이지가 바뀔때, 이전 페이지에서 고른 토핑들을 장바구니로 가져갈 수 없다는 거였다.그래서 결국 커스터마이즈 페이지는 포기할 수 밖에 없었는데, 이제야 시간이 나서 조금씩 다시 뜯어

2020년 7월 25일
·
0개의 댓글
post-thumbnail

자료구조 Linked List

출처 : 생활코딩(https://opentutorials.org/module/1335/8821)메모리는 속도가 매우 빠릅니다. 반대로 용량이 작습니다. 그리고 전기를 끄면 데이터가 사라지는 속성을 가지고 있습니다. 반면에 스토리지는 속도가 느립니다. 하지만 용

2020년 7월 24일
·
0개의 댓글
post-thumbnail

JS개발자라면 알아야 하는 핵심컨셉 33개 #2. Primitive Type

모든 프로그래밍 언어는 내장 자료형이 있지만, 종종 이러한 내장 자료형은 언어마다 다르다. 이 문서에서는 자바스크립트의 내장 자료형과, 내장 자료형에서 사용할 수 있는 속성들에 대해 알아본다. 이로써 내장 자료형들로 더 복잡한 자료형을 만드는데 사용할 수 있을 것이다.

2020년 7월 19일
·
0개의 댓글
post-thumbnail

JS개발자라면 알아야 하는 핵심컨셉 33개 #1.Call Stack

노마드코더를 통해 학습할 예정이고, 매일매일 기록에 남겨보고자 한다. 기본이 탄탄한 개발자가 되고 싶어서 한동안 사랑했던 리액트를 잠시 미뤄두고 온전히 자바스크립트에 집중해 보려고 한다. 말 그대로 쌓아 올리는 것으로 자바스크립트는 함수를 그 스택 위에 올리고 함수를

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

내가 공부하려고 정리하는 Redux

store에 정보를 전달하기 위한 데이터 묶음을 말한다.각각의 상태변화를 어떻게 시킬것인지에 대한 관리정보가 들어있으며 store와 정보를 주고받는다.(전달된 action을 보고 어떻게 state를 update할지)초기상태(initialState)와 switch문(op

2020년 7월 8일
·
0개의 댓글
post-thumbnail

Hooks/StyleComponent 사용하기

2차 프로젝트에서는 클래스형이 아닌 함수형 컴포넌트를 사용하게 되어 state 를 관리하기 위해 Hooks 를 사용해 보았다.아직 헷갈리긴 하지만 class 형의 state 보다 덜 복잡한 것 같다.CSS 도 sass 가 아닌 style component 를 사용해서

2020년 6월 14일
·
0개의 댓글
post-thumbnail

Git Rebase

기존에 사용하던 merge 방식 ex)Initial ---- > 1번 branch -- > A branch --->B branch 하지만 만약 동시에 1번 branch -- > c branch 를 따서 작업했고 추후에 C와 나의 B 를 머지하고자 한다면??Base

2020년 6월 9일
·
0개의 댓글
post-thumbnail

2nd Project Status -1st Week

6/8(Mon)팀/주제 발표 : 핀터레스트trello 작성하면서 1st sprint 목표설정멘토와 회의초기세팅styled component 공부(sass 쓰다가 바꾸려니 낯설다.. )

2020년 6월 9일
·
0개의 댓글
post-thumbnail

AWS

AWS 란? 클라우드를 통해서 개발자도 스스로 서버를 사용할 수 있는 편리한 구조가 생겼다. 클라우드 사업자들은 세계 곳곳에 물리적인 서버들을 관리해주고 임대해주는 서비스를 하고 있다. 왜 AWS 인가? 2006년 정식 출시하여 EC2, S3 등을 제공하는데 현재

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

React의 Life Cycle

형제 컴포넌트로부터 정보 받는 법 결국에 부모에서 정보를 관리해서 전달해주어야 한다. 부모에서 온클릭 함수를 만들어서 자식 프롭스에 아예 함수로 넘겨준다. ->진짜 실행되는 함수는 부모에 있으니 인자를 넣어서 전달하면 된다. 쿼리 파라메터 Routes.js

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

Pagination

Pagination 만약 상품이 200개라고 했을 때, 처음부터 백엔드로부터 200개의 제품 정보를 받는 것이 아니라 필요한 만큼 화면에 보여줄 만큼만 일정한 개수의 제품정보만 받고, 2페이지로 넘어가는 버튼을 눌렀을 때 추가로 다시 일정한 개수의 정보를 가져오는 것

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

map 연습

2020년 5월 31일
·
0개의 댓글
post-thumbnail

Instagram Code Review

이번 주에는 state와 props, router 를 이용하여 리액트에서 페이지를 이동하는 방법을 배우고,fetch를 이용하여 직접 api 와 통신하는 실습을 하였다.그리고 협업을 할 때 초기세팅을 하고, 클론하고 git 을 사용하는 방법까지 다시 한번 실습할 수 있었

2020년 5월 24일
·
0개의 댓글
post-thumbnail

인증 & 인가

인증 인증은 무엇이고 왜 할까요? 인증 : 회원가입 & 로그인 인증이 필요한 이유? 인증에서 필요한 것? -아이디, 이메일주소, 비밀번호 등. 비밀번호가 가장 중요 비밀번호를 어떻게 관리해야 하는가? : 법규상의 강제. 개인정보보호법에서 개인정보의 암호화에 대해

2020년 5월 22일
·
0개의 댓글
post-thumbnail

[[Data Structure] Set & HashMap]

Set array 나 list 와 같은 순열 자료구조(collection)이나 순서라는 개념이 없다는 점에서 구별된다. 데이터를 비순차적(unordered)으로 저장 삽입 순서대로 저장되지 않는다. 수정이 가능하다(mutablew) Fast Lookup 이 필요할 때

2020년 5월 22일
·
0개의 댓글
post-thumbnail

React 기초

html,css,js,dom 을 거쳐 리액트를 공부하게 되었다.DOM 의 연장선으로서 DOM 의 method 들을 함수화 / 간편하지는 않음. 획기적이긴 했으나 한계가 있었음웹페이지의 방대한 자료를 쉽게 관리하고 유지보수하기위해 필요해짐\-> 이를 해결하기 위해 프론

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

HTTP의 기초

HTTP HTTP(HyperText Transfer Protocol)란? HTML 과 같은 하이퍼미디어 문서를 전송하기 위한 통신 규약. (예를 들어 http는 대화를 하기 위해 필요한 공통의 '한국어'와 같은 언어라고 생각할 수 있고 이 언어는 목소리와 같은 역할인

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

Git test

아직도 헷갈리는 부분이 있으나 일단 정리를 위해서 작성했다. 틀린부분이 있을 수 있음 Git Test "올린다, 이동한다, 생성한다, 만든다.. 등등" 문맥을 잘 파악하시고 git 시험을 진행해주세요. github에서 "git-test" 라는 repository를

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

[[Data Structure] Array & Tuple]

array, tuple Data Structure (자료구조) 자료구조의 의의 사전적인 의미는 자료(data)의 집합으로 각 원소(element)들이 논리적으로 정의된 규칙에 의해 나열되어 자료에 대한 처리를 효율적으로 할 수 있도록 자료를 구분하여 표현한 것을 의

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