profile
국물을 달라

javascript reduce

실제 reduce의 인자는 2개이다. 하나는 리듀서라고 부르는 누산기연산을 하는 callback함수이고두번째 인자는 누산기의 초기값이다.callback배열의 각 요소에 대해 실행할 함수. 다음 네 가지 인수를 받습니다.accumulator누산기accmulator는 콜백

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

redux 사용하기

리덕스는 상태관리 라이브러리다.리액트에서 state로 상태를 관리하면 컴포넌트간에 state이동이 복잡해져서 힘듬.이 문제를 해결해주기 위해 상태관리 라이브러리가 나옴.즉 state이동이 많이 일어나는 상황일수록 리덕스가 빛남.그럼 state를 어떻게 리덕스에서 관리해

2021년 1월 19일
·
0개의 댓글

git 원격 브런치 연결 및 변경

새로운 원격 저장소를 만들고 연결하는 경우 기존 프로젝트의 원격저장소를 변경하는 경우

2021년 1월 19일
·
0개의 댓글

Math객체

글로벌 객체이며 수학연산에 대한 편의 api를 제공한다가장 많이 쓰이는 api는 아래 6가지이다.1\. Math.min()Math.max()Math.random()Math.round()Math.floor()Math.ceil()해당 함수는 전역함수이다.자바스크립트에서 랜

2021년 1월 3일
·
0개의 댓글

Arrary.fill()

Arrary.fill()fill() 메서드는 배열의 시작 인덱스부터 끝 인덱스의 이전까지 정적인 값 하나로 채운 배열을 반환, es6에서 추가됨여기서 정적인 값은 fill()함수의 인자이며 인자는 총 3개다1번째 인자는 배열을 채울 값,2번째 인자는 1번째인자값로 채우

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

node 서버 배포시 확인

해당 글은 제로초 노드교과서를 참고함config.json => config.js로 변경민감 정보는 환경변수로 빼기 위함OS별로 환경변수 적용 방법이 다름, 통일시키기 위해 cross-env모듈 적용sanitize-html을 적용사용자 입력 데이터를 검사csurf모듈 사

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

Sequelize Foreign Key

foreign key란? it용어를 풀어쓰기란 정말 쉽지가 않다. 수많은 도메인 지식과 배경지식이 필요한 단어를 이런 배경지식을 건너뛰고 설명한다는것이 가능하기나 할까.. 외래키가 무엇인지 이해하려면 RDB에서 관계를 표현하는 방법에 대해 이해해야 한다. 외래키는 RD

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

front 개발시 Proxy를 설정해야 하는 이유

일단 프록시가 뭔지부터 생각해보자.영어 단어의 뜻은 대리인이라는 의미이다.it에서 프록시라는 단어는 보통 중개서버를 표현하는 의미로 사용된다.즉 내가 접속하려는 c라는 서버가 있고 나를 a라고 가정했을때a-c로 접속을 해야하지만 중간에 프록시라는 b서버를 넣어서a-b-

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

api server 명세

api server - 회원가입 request 요청 메시지 url | 분류 | 내용 | |:----------|:----------:| | HTTP URL| /v1/member/join | HTTP METHOD | POST | Content-Type | applica

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

express + react 환경 구축

파이어베이스를 백엔드로 쓰려다가 포기..생각보다 nosql이 러닝커브가 꽤 된다.게다가 백엔드에서 그냥 처리할 걸 서버리스 상태로 어떻게 처리해야 하는지 고민할 시간에백엔드에서 구현하는것이 훨씬 빠를것 같아서 방향을 틀었다.프론트는 그대로 react로 가고 backen

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

git pull 에러날시

깃때문에 골치가 아프다..일단 약 일주일만에 git pull을 했더니이런 상태다.https://s3-us-west-2.amazonaws.com/secure.notion-static.com/ac8749f8-1e21-484b-b0a8-8af8245e7016/Unt

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

리액트 카카오 로그인2

역시 인증이 어렵다..스프링 시큐리티도 더럽게 어렵더니 이것도 만만치 않네..그래도 어찌저찌 구현했다.일단 설명 잘 된 링크부터..https://www.daleseo.com/react-router-authentication/지난번에 로그인버튼 누루면 로그인화면

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

리액트 카카오 로그인

https://www.daleseo.com/react-router-basic/https://www.daleseo.com/react-router-authentication/첫번째는 라우터 설명이고두번째는 인증기능 구현 설명임일단 원본부터 첨부함리액트 라

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

리액트 라우터

https://www.daleseo.com/react-router-basic/https://www.daleseo.com/react-router-authentication/첫번째는 라우터 설명이고두번째는 인증기능 구현 설명임일단 원본부터 첨부함리액트 라

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

끝말잇기 소스 hooks로 변경하기

이제 class로 작성한 끝말잇기를 hooks로 바꾸어 보자state들 변경render삭제this.state삭제멤버함수들 const함수로 대체, this로 함수 호출하는 부분 this제거this.setState부분 각 setter로 수정onRefInput 메쏘드, in

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

react hot-loader와 webpack-dev-server적용

react-hot-loader와 webpack-dev server를 이용하여 자동 빌드 시스템을 구축해보자리액트 핫 로더 설치 - 수정사항을 바로 반영해줌웹팩 개발서버 설치 - 웹팩 서버 역할을 해준다.npm i -D webpack-dev-serverpackage.js

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

firebase 앱 만들기

일단 지금 시간이 없어서 링크로 대체함https://pathas.tistory.com/214

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

리액트 끝말잇기 게임

리액트로 끝말잇기 게임을 만들어보자웹팩 설정 및 프로젝트 구조는 구구단과 웹팩 구현과 똑같다.컨텐츠만 달라질뿐이다.그러니 설정을 모두 생략한다.일단 완성 화면은 아래와 같다.https://s3-us-west-2.amazonaws.com/secure.notion

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

webpack 구조

webpack.config.js에서 웹팩을 설정한다.preset은 플러그인의 모음이다.웹팩 설정파일은 크게 5가지가 메인 설정이다.entry - 입력파일module - 로더 설정plugins - 추가 작업 설정output - 출력파일mode - 개발/운영 선택순서대로

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

구구단에 웹팩 적용하기

npm initnpm install react react-domnpm install -D webpack webpack-clidist디렉토리 생성index.html파일 생성client.jsx파일 생성Gugudan.jsx파일 생성webpack.config.js파일 생성np

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