profile
안녕하세요!! 생산적인 대화와 게임을 좋아하며 매사에 책임감을 가지려고 노력합니다. 가독성이 좋고 클린한 코드를 작성하고 싶습니다.

더는 미룰 수 없다 We Code 수강 후기!!!

위코드 수강후기 입니다.

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

순수함수란?

1.순수함수 조건 동일한 인자가 들어갈 경우 항상 같은 값이 나와야 한다. 부수적인 효과가 일어나면 안 된다. return 값으로만 소통한다. 순수함수는 평가 시점이 중요하지 않다. 만약 순수함수가 아니라면 동일한 인자를 넣어도 다른 값이 나오는 경우 어떠한 시

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

React Spring

1. React Spring 이번 협업을 진행하면서 사수님이 추천해주셔서 React Spring 사용해보고 굉장히 편리하고 다루기 쉬워서 글로 간단하게 정리 해놓고자 한다. 1.1 React Spring 이란? 애니메이션을 간단하게 활용 할수 있는 라이브러 이다. 크로스 플랫폼이다. 브라우저 지원 react Spring 공식 홈페이지 2. Moda...

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

firebase cloud function -1

1.cloud function Firebase용 Cloud Functions를 사용하면 Firebase 기능 및 HTTPS 요청에 의해 트리거된 이벤트에 대한 응답으로 백엔드 코드를 자동으로 실행할 수 있다. 사실 처음 봤을때는 이해가 어려웠고 사용해본 결과 클라이

2020년 2월 3일
·
0개의 댓글
post-thumbnail

Firebase-store 시작하기

firebase store 간단한 데이터 조회,추가

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

자료구조

1. 자료 구조란? 자료구조 란 데이터에 편리하게 접근하고, 변경하기 위해서 데이터를 저장하거나 조직하는 방법 을 말합니다. 모든 목적에 맞는 자료구조는 없습니다. 따라서 각 자료구조가 갖는 장점과 한계를 잘 아는 것이 중요합니다. 자료구조는 언어별로 지원하는 양상이

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

Next.js 세팅하기

1. Next.js ? Next.js 란 리액트 어플리케이션의 서버렌더링을 쉽게 구현할 수 있도록 도와주는 프레임워크이다. 1.1 Next.js 장점 SSR(Server Side Rendering)이 가능하다. SSR 는 View 달라질때 마다 서버측에서 HTML&View 해석해서 보내주고 CSR(Client Side Rendering)는 Client에...

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

React Hooks

함수형컴포넌트 에서도 상태관리 및 life cycle 를 대체할수 있는 useEffect 기능을 제공하는 리액트 기능 간단한예제 1. useState setState 대신할수 있는 Hooks 기능 const [name, setName] = useState(""); name 에는 기본값 "" 담긴다. useState 에는 세터 함수가 담기며 이 함수에 파...

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

1차프로젝트를 떠나보내고..

1. 진행한 프로젝트 SpaceCloud라는 현재 서비스 되고 있는 웹을 클론하는 프로젝트. 나를 포함한 FrontEnd 2분, BackEnd 1분, Front + Back 1분 해서 총 4분 프로젝트 기간 : 12일 (12.30 ~ 1.10) 기술 스택 FrontEnd : HTML, CSS, JavaScript, React, scss Bac...

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

(TIL)이미지 파일 미리보기

오늘의 TIL 프로젝트를 진행하면서 이미지 파일 업로드를 미리보기하는 로직을 구현했다. 많이 어설프지만 기록하고 싶어서 글로 남긴다. 로직 핵심 키워드 e.target.files 업로드하는 파일이 유사배열로 반환 new FileReader > 동기적으로 데이터를 읽기 위하여 읽을 파일을 가리키는File 혹은 Blob 객체를 이용해 파일의 내용을(혹은 r...

2019년 12월 31일
·
0개의 댓글

정규표현식

1.정규표현식이란? 정규 표현식은 문자열을 처리하는 방법 중의 하나로 특정한 조건의 문자를 '검색'하거나 '치환'하는 과정을 매우 간편하게 처리할 수 있도록 하는 수단이다. 2.컴파일 어떠한 작업을 하기 위해서 패턴(찾고자 하는것)을 찾는것 패턴을 찾는방법 2.1 정규표현식 리터럴 찾고자하는 것을 슬래시 /사이에 넣어서 변수 pattern 에 담는다...

2019년 12월 26일
·
0개의 댓글

실행컨텍스트

1. 실행 컨텍스트 컨텍스트란? 사용자가 함수를 호출할 때 내부적으로 함수의 정보들을 가져오는 것 즉 코드의 실행 환경이다. 처음 웹브라우저가 자바스크립트를 읽으면 전역 컨텍스트가 생긴다. 이후 자바스크립트는 함수 컨텍스트를 따라 함수가 실행될 때마다 새로운 컨텍스트가 생기고 함수가 종료되면 그에 해당하는 컨텍스트가 종료된다. 해당 페이지를 닫거나 이동하...

2019년 12월 24일
·
0개의 댓글

Promise-2

Promise Chaning .then 이나 .catch 안에서 return promise 인스턴스 :promise 인스턴스가 리턴됫것 //return new Promise() or return Promise.resolve() return 일반값 : promise 객체

2019년 12월 19일
·
0개의 댓글

Promise-1

Promise 콜백지옥을 벗어나자!! unnsettled (미확정) 상태: pending. thenable하지 않다. settled (확정) 상태: resolved. thenable한 상태. fulfilled (성공) rejected (실패) 문법 new Promise(function) .then(), .catch()는 언제나 promise를 반환...

2019년 12월 19일
·
0개의 댓글

데이터베이스

Database 기초 이해 및 설치 데이터를 저장 및 보존 하는 시스템 Application에서는 데이터가 메모리 상에서 존재한다. 그리고 메모리에 존재하는 데이터는 보존이 되지 않는다. 해당 애플리케이션이 종료하면 메모리에 있던 데이터들은 다시 읽어 들일 수 없다. 그럼으로 데이터를 장기 기간동안 저장 및 보존 하기 위해서 데이터 베이스를 사용하는 것이다...

2019년 12월 18일
·
0개의 댓글

인증 & 인가

1. 인증(Authentication) & 인가(Authorization) 인증과 인가는 API에서 가장 자주 구현되는 기능중 하나이다. Private한 API는 물론이고 Public한 API도 기본적인 인증과 인가를 요구한다. 1.1 인증(Authentication) Authentication은 유저의 identification을 확인하는 절차다. 쉽게...

2019년 12월 15일
·
0개의 댓글

destructuring assignment(해체할당,구조분해할당)

1.배열 해체할당 1.1 기본문법 1.2 rest parameter 와의 연동 1.3 default parameter와의 연동 1.4 값교환 정리하면서 let [a,b] = [b,a] 이라고 해서 오류를 냈었다.. 위에 예제 같은 경우 위에서 이미 변수 a,b를 선언해주었기 때문에 선언문이 필요 없다. 2.객체 해체할당 2.1 기본 2.2 이중객...

2019년 12월 11일
·
2개의 댓글

spread operator

1.spread operator (펼치기,전개 연산자) 1.1 iterable한 모든 데이터를 펼칠수 있다. 1.2 unshift,push 대체할수 있다. 1.3 반환값의 참조는 immutable 하다. 1.4 얕은복사만 immutable 하다.

2019년 12월 10일
·
1개의 댓글

default parameter, rest parameter

1.default parameter 1.1 기본개념 기존 문법은 의도적으로 0,null,false한 값을 표현 하고싶어도 할 수가 없다... ES6에서는 값이 누락되거나 undefiend 일경우에 만 기본값을 쓰는 default parmeter 사용할 수 있다. 1.2 값이나 식이 올수있음 1.3 arguments 영향을 받지 않는다. 1.4 주의사...

2019년 12월 9일
·
0개의 댓글

문,값,식,template literal

1.문,값,식 문 -> if문,for문,while문,switch-case문 '문단' 결과를 리턴하지 않는다. 식,값 -> 값이 될수 있는 경우 -> 10+20 , 'A'+'B' , a() 등등 2.template literal 2.1 string interpolation(끼워넣기) 문자열과 값또는 식을 혼합해서 사용할수 있다. 값또는 식은 ${} ...

2019년 12월 8일
·
0개의 댓글