profile
싱글벙글

TIL wecode 33. Redux Basic 2

미들웨어는 리듀서가 액션을 처리하기 전에 실행되는 함수디버깅 목적으로 상탯값 변경 시 로그를 출력하거나, 리듀서에서 발생한 예외를 서버로 전송하는 등의 목적미들웨어를 설정하지 않으면 dispatch한 액션은 곧바로 리듀서로 보내진다대표적인 리덕스 미들웨어로 redux-

약 4시간 전
·
0개의 댓글
post-thumbnail

TIL wecode 32. React (Hooks) with D3 - Curved Line Chart

1. D3 세팅 2.Data 세팅 및 useRef 설정 ![](https://images.velog.io/images/jjo-niixx/post/915337f4-12d5-407d-9160-e2767111ae61/%E1%84%89%E1%85%B3%E1%84%8F%E1%

약 5시간 전
·
0개의 댓글

TIL wecode 31. React (Hooks) with D3 - Basic

리액트에서 D3 사용하기D3 라이브러리를 설치해주고 필요한 메소드를 임포트 시켜 준다.업데이트 시킬 데이터를 state에 설정해둔다.useRef() 를 사용하여 Ref 객체를 만들고, 이 객체를 특정 변수에 정의하여 나중에 사용하기 쉽도록 하자.Ref 객체의 .curr

약 8시간 전
·
0개의 댓글
post-thumbnail

TIL wecode 30. Recharts

현재 하는 프로젝트에서 서울시의 생활인구 데이터를 시각화하는 역할을 맡고 있다. 계획으로는 D3, recharts 등과 같은 툴을 이용하여 해당 지역의 시간에 따른 성별 및 연령대에 따른 생활인구의 변화를 나타내고 싶다.

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

BeerBnB 프로젝트 돌아보기

BeerBnB 영상으로 확인하기이번에 로그아웃 및 회원가입 기능을 만들면서 모달창을 만드는 것을 할 수 있었다. X버튼을 누르면 닫아지는 기능을 구현했는데 다음 번에는 특정한 버튼이 아닌 윈도우창 어느 부분을 눌러도 닫아지는 기능을 추가하고 싶다. 그리고 모달이 나타날

2020년 9월 20일
·
1개의 댓글

TIL wecode 29. Basic Redux 1

Redux를 쓰는 이유 > "Single source of truth" 진실은 하나의 근원으로부터 리덕스를 사용하면 상태 관리를 컴포넌트 바깥에서 관리할 수 있게 된다. 액션 (Action) 액션을 발생시킴으로서 상태에 어떠한 변화를 일으킬 수 있습니다. 액션은 객

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

TIL wecode 28-2. Google Sign-In

Create authorization credentialGoogle API Console로 이동Create credentials > OAuth cliend IDWeb application 어플리케이션 타입을 선택OAuth 2.0 클라이언트의 이름을 짓고 Create 클

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

TIL wecode 28-1. Google Sign-In

이번 프로젝트는 airbnb를 클로닝하는 프로젝트인데 난 거기서 메인 페이지 & 로그인 및 회원가입을 맡게 되었다. 로그인 및 회원가입은 이메일, 구글을 통해 진행되는 것으로 나뉘는데 소셜 로그인을 한 번도 다루어 보지 않아 정리하며 익혀 보려고 한다.Create au

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

wecode 6주차를 마무리하며

1차 프로젝트가 끝이 났다. 우리 팀 이름은 HIPCE였고 약 2주에 걸쳐 메이크업 브랜드 hince 웹사이트를 클로닝 해보았다. 나와 함께 해준 프론트엔드, 상훈님, 영지님, 은별님, 그리고 백엔드, 태현님, 태하님, 1차 프로젝트인만큼 기억에 정말 많이 남을 것 같

2020년 8월 31일
·
6개의 댓글

hipce 프로젝트 돌아보기

hipce 영상으로 확인하기

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

TIL wecode 27. Database

Database 데이터를 저장, 연산 및 보존하는 시스템 데이터베이스와 메모리는 반대되는 개념. 메모리는 휘발성. 데이터를 메모리에 저장한 후, 컴퓨터를 종료하면 데이터가 날아가버린다. 메모리의 장점은 속도. 그래서 저장은 데이터베이스에 넣어 영구적으로 보존하고 메모리

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

TIL wecode 26. AWS

Amazon Web Services의 줄임말로 Amazon 사의 클라우드 컴퓨팅 플랫폼Cloud Storage Flatform - EBS, S3Per Hour Billingb - 사용 시간 단위 계산간단한 가입 프로세스별도의 하드웨어 없이 서버를 띄울 수 있음Amazo

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

TIL wecode 25. Pagination

Pagination 목록형 UI에서 데이터를 한 번에 가져오는 것이 아니라 필요한 만큼, 또는 화면에 보이는 만큼만 백엔드에 요청하고 응답받아 사용하는 방식. 예를 들어 인스타그램을 본다면 하단의 스크롤로 내려왔을 때 로딩이 되는 것을 볼 수 있다. 바로 그 때 새로운

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

TIL wecode 24. 라이브러리 없이 슬라이더 구현

위 그림에서 왼쪽의 막대기 버튼 4개가 있다. 1번째 막대기를 클릭하면 그에 해당하는 제품의 이름과 사진이 떠야한다. 처음에는 4개의 막대기 버튼에 onClick={this.handleBtn} 조건을 주니까 4개의 버튼 모두 변화가 일어나는 문제가 생겼다.그래서 클릭하

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

TIL wecode 23. CSS Background

1\. 배경 이미지 소스로 URL과 전체 사이즈를 가져온다.2\. 내가 추출할 아이콘 이미지의 크기를 지정한다.3\. 여기서 1행의 아이콘은 양의 y축, 2행의 아이콘은 음의 y축을 가진다. 그리고 1열의 아이콘은 x축의 0부터 시작한다.4\. 내가 추출할 이미지의 크

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

wecode의 한 달을 마무리하며

wecode에 온 지 한 달이 지났다. 이 기억와 감정을 잊기 전에 기록해보려고 한다. 나중에 개발자로서 성장하고 나서 이 일기들을 보면 꽤 재미있을 것 같다는 생각이 든다.전공은 경영학과였지만 언젠가부터 그 길이 내가 진정 원하는 것은 아니라고 느꼈다. 경영학과에 간

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

TIL wecode 22. Sass Basics

Variables Nesting ![](https://images.velog.io/images/jjo-niixx/post/f78df6d6-8f3e-40d5-b64d-059cb35fd381/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%8

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

westagram 프로젝트 돌아보기

[westagram

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

TIL wecode 21. Component Life Cycle

constructor render componentDidMount componentDidUpdate

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

TIL wecode 20. Data Structure - Set, Dictionary, Hash

Data Structure 1. Set array나 list와 같은 순열 자료구조이지만 순서 개념이 없다. 동일한 값을 삽입할 수 없고 만약 동일한 값이 들어온다면 하나의 값만 저장된다. 수정 가능하다. 단방향 데이터이다. 그래서 한 번 암호화 하면 복호화가 되지 않

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