profile
Prof.Google을 통해 필요한 정보를 이 곳에 insert 🐸
post-thumbnail

React Native - Search Input

자연어처리를 연습해보고 싶은 팀원이 있어 예정에 없던 검색페이지를 만들기로 했다😆TextInput에 텍스트가 입력이 될 때마다 자연어처리된 데이터를 받아야한다!TextInput에 onChangeText가 발생할 때마다 들어온 value를 파라미터로 담아 POST를 이

1일 전
·
0개의 댓글
post-thumbnail

회고록(Wecode)

시작 여기저기 기웃거리면서 이야기를 나누기를 좋아하는 '나'이기에, 회사를 다니면서 여러 직군의 사람들과 대화를 많이 나누었다. 어릴때부터 무언가를 만들기를 좋아했다. 그 중에서도 로봇을 좋아해서 키덜트동아리는 만들고 활동했다.이전에 다니던 회사에서는 개발직군에 있는

5일 전
·
12개의 댓글
post-thumbnail

React Native - FlatList

native에서는 scroll이 되는 화면을 구성하기 위해 ScrollView & FlatList를 활용한다React => mapReact Native => FlatList뭣이 중요한데?화면에 보여지는 것과 상관없이 scrollView가 감싸고 있는 모든 compone

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

React Native - stack Navigation

웹페이지에서는 url을 통해 페이지를 이동한다.때문에 url을 지정할 수 있는 Link 컴포넌트나 a태그를 통해 페이지간의 이동을 컨트롤 했다.하지만 어플리케이션에는 url이 없다... 그래서 우리는 stack Navigation을 이용해야한다!npm install r

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

react - fetch(feat. try..catch) case #1

리액트 네이티브 클론프로젝트를 시작하게 되었다.해당 프로젝트에서 pagination기능이 들어간 컴포넌트를 만들게 되었다.복습은 선택이 아닌 필수! 🔥paginaiton을 위한 Limit값을 설정했다.상태가 계속 변하는 data, offset은 state에서 관리lo

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

react -redux(thunk) case #3

이전포스팅까지에서는 tag.js라는 하나의 파일에서 action, reducer, thunk함수까지 모두 한번에 작성하였다.오늘은 좀 더 보기 편하게, 유지보수가 편하게! 리팩토링을 해보자! 🔥파일의 구성은 해당 컴포넌트 단위에서 쓰일 actions, reducer,

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

react - redux(thunk) case #2

상태관리를 redux-thunk를 통해 store에서 Data를 가공 후 관리하도록 변경해 보았다.💡해당 포스트에서는 벨로퍼트님의 redux 사용법을 토대로 코드를 작성했습니다.FILTER_DATA type을 정의했다.filterData라는 이름으로 action 함수

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

react -redux(thunk) case #1

상태관리를 redux-thunk를 통해 fetch를 받고 store에서 metaData를 관리하도록 변경해 보았다.💡해당 포스팅에서는 ducks 스타일로 코드를 작성하였습니다.GET_DATA type을 정의했다.getData라는 이름으로 action 함수를 정의했다.

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

react - redux case #1

지금 진행중인 프로젝트의 state를 redux를 통해 관리해보자!💡해당 포스트에서는 벨로퍼트님의 redux 사용법을 토대로 코드를 작성했습니다.redux/sns/tag.js 내부에서 작업을 진행할 예정이다.tag라는 action은 인자로 들어온 value를 그대로

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

React - interactive btn #2

지난번에 만든 버튼을 활용해서 추가적인 기능을 더 만들어 보았다.💡btn 코드 보기: 코드링크Empty라는 컴포넌트를 생성하고 그 곳에 display라는 이름으로 tag state를 주었다.함수형 컴포넌트가 props를 받자마자 바로 구조 분해 할당을 해주었다.Tit

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

React - interactive btn

tag state를 활용할 예정이다.name 속성과 tag 속성은 같은 종류의 값을 가지게 된다.버튼을 클릭하게 되면 tag state에 값이 담기게 된다.state의 값을 비교해서 조건부 스타일링을 완성하였다 👍버튼이 클릭이 될 경우 tag에 값이 담기게 된다.버튼

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

javascript - data 변환

🚨위와 같은 데이터가 들어오고 있는 상황이다.이 중에서 highlight: true인 data만 차트에 return 하고 싶은 상황!단순하게 map() 통해 if(highlight) 인 경우만 return 하려고 했으나,if(!highlight)의 경우 return

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

javascript - hasOwnProperty

this 자바스크립트 method가 하는 일은 객체가 특정 프로퍼티에 대한 소유 여부를 반환한다.해당 객체에 특정 프로퍼티가 존재하면 true, 그렇지 않으면 false를 반환한다.단, 프로토타입 체인은 확인하지 않고, 해당 객체가 스스로 정의한 property만을 판

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

React && Redux

Redux > 🚨필자는 이전 프로젝트에서 props 지옥을 맛 보았다. 해당 방법으로 무려 3단계를 내려갔다...💦 Redux가 하는 일 멀리 떨어진 컴포넌트끼리 상태값을 교환할 때 복잡해지는 데이터 흐름이 전역 스토어의 개입을 통해 간결하게 만든다. 즉, 컴포

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

Pagination(scroll)

백엔드에서 가지고 있는 데이터는 많고, 그 데이터를 한 화면에 전부 보여줄 수 없는 경우에 사용됩니다. 모든 데이터를 한번에 보여줄 수 없다면 일정 길이로 끊어서 전달해야할 겁니다.이번에 진행한 clone 프로젝트에서 scroll의 변화에 따른 pagination을 팀

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

Data-Driven Documents (D3)

본 포스팅에서는 react.js에서 d3를 다루는 법을 알아볼 예정입니다.아무도 열람하지 않은 시각화는 진정한 의미로는 시각적 산물이 아니다.\-Scott Murray⚡️데이터를 불러오고, 엮어서, 문서요소를 변환, 전이시키기 위해 사용할 문법Loading: 브라우저

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

#Clone #Wanted #Reivew

🎬영상보기: 영상 보기📊Trello: Trello 보기지인추천 시스템 및 개발직군 채용을 주력으로 하는 채용플랫폼 wanted의 페이지 clone2020/8/31 ~ 2020/9/11(2 Weeks)프론트엔드 3명백엔드 2명CRA을 통한 초기 프로젝트 세팅 연습Re

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

React - styled components

안그래도 많은 폴더, 컴포넌트.. 그리고 각각의 css파일까지.. 점점 미로찾기가 시작되고 있다.🚨npm install --save styled-components코드가 직관적이고 깔끔하게 변했다!스타일도 한 곳에서 확인할 수 있으니 👍🚨import 하는 것을 잊

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

React - Hooks

🚨Hooks는 마법이 아닙니다! 그저 함수입니다!개발을 하다 보면 가끔 상태 관련 로직을 컴포넌트 간에 재사용하고 싶은 경우가 생깁니다. 이 문제를 해결하기 위한 전통적인 방법이 두 가지 있었는데, higher-order components와 render props가

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

git Rebase

벌써 두번의 작업물을 날려먹은 후 쓰는 git rebase....😭develop branch: 개발 단계devlop => feature/name: feature 브랜치를 생성 후 작업hotfix: 급하게 고쳐야하는 버그를 처리하는 브랜치release branches:

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