profile
Frontend Developer

[TIL] 기업협업 Cube.js API

Cube.js란?오픈소스 분석 API 플랫폼으로,애플리케이션에 고객 대면 분석하며 애플리케이션에 대한 사용자 인터페이스를 구축.소켓을 통해서 JSON 쿼리형식을 사용하여 백엔드를 직접 쿼리하는 분석 도구라 말할 수 있다.Chart.js나 D3.js 같은 라이브러리와 함

3일 전
·
0개의 댓글

[TIL] 기업협업 1주차

나는 아직 Effect에 대해 정확하게 사용할 줄 모른다.그래서 정리 하고자 기록한다!Render -> Effect Callback -> Claen Up순으로 봐 보자.

4일 전
·
2개의 댓글

[TIL] RN_Basic components

View : 기존 div라 생각하자.text : text를 사용할때 text 컴포넌트로 감싸져야한다.img : 이미지 컴포넌트를 사용하고 img src={uri}로 사용한다.ScrollView : 긴 컴포넌트는 스크롤을 만들기 위한 컴포넌트가 필요하다.StyleShee

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

[rebase] 개념 정리

2차 프로젝트에서는 깃허브를 사용해, 기존에는 commit을 많이 사용했다면,이번에는 하나의 커밋으로 병합하듯이 진행했다.그것은 바로 rebase깃은 참 무서웠다. 내가 적은 코드들이 날라갈까봐... 하면서 많이 배웠으며,많이 써보는자가 결국 두려움 없이 잘 사용할 것

2021년 4월 11일
·
0개의 댓글

[TIL] 리액트의 Hooks

useState는 함수형 컴포넌트에서도 가변적인 상태를 만든다.상태값을 다음과 같이 표현할 수 있다.const value, setValue useState(0);const value, setValue useState(false);등과 같이 지정 해줄 수 있다.useSt

2021년 4월 11일
·
0개의 댓글
post-thumbnail

[라인프렌즈] 1차 프로젝트 후기

라인프렌즈 클론코딩 FontEnd.

2021년 3월 29일
·
1개의 댓글
post-thumbnail

[TIL] React #Styled Components

CSS-in-JS 이고 가장 인기 있는 라이브러리 npm SASS에서는 네스팅이 가능해서 유지보수가 가능했다.하지만, 크게 유용하지 않았다. 왜냐하면?컴포넌트로 스타일도 재사용이 가능하기 때문에 styled Components 라이브러리를 이용해서 재사용을 할 수 있

2021년 3월 29일
·
0개의 댓글
post-thumbnail

[1차 프로젝트] 주소 API

_ 로그인, 회원을 마치고 결제페이지를 뒤 늦게 내 분담이 정해졌다. 결제페이지는 추가 구현으로 생각만 해둔 상태였다._ _결제페이지를 진행하려면 백엔드와 같이 진행을 해야 하는데 아쉽게도 첫 프로젝트인 만큼 완성도를 높이기 위해 기능 욕심을 버리기로 했다!_ _

2021년 3월 28일
·
0개의 댓글
post-thumbnail

[1차 프로젝트] #02 리팩토링

라인프렌즈는 네이버 기반 웹 사이트이기 때문에로그인 회원가입도 네이버 클론코딩 했다. 🙃handlePw 함수를 실행 !공백이 아니면서, 8글자 이상이면 자물쇠가 초록색으로 바뀌게aceepted는 state 빈 문자열로 선언 해주고,setState에 스트링값을 부여했다

2021년 3월 28일
·
0개의 댓글
post-thumbnail

[1차 프로젝트] 리팩토링

이번 1차 팀프로젝트에서 로그인,회원 유저에 관련된 것을 내가 분담했다.코드는 쓰는 것보다 읽히는 것이 더 많기에 가독성 좋은 코드가 좋다고 볼 수 있다.먼저 조건을 성립하게 한 다음, 백엔드에서 전달받은 것을 통해fetch함수로 그 다음 조건을 부여하기로 했다.정규식

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

[라인프렌즈] 회원가입 - 프로젝트 개념정리

라인프렌즈 네이버 회원가입을 클론코딩먼저 아웃 포커싱 했을 경우에, 안내 경고문을 alret창이 아닌문구가 나오도록 구현을 했다!state 초기값으로 무엇을 할 지 알려준다회원가입에 들어 갈 빈 문자열과 유효성 검사를 하기 위한 boolean값을 초기 false로 지정

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

[라인프렌즈] # 02 클론 프로젝트

step # 1 먼저 아이디 값과 패스워드 값을 빈 문자열로 state값으로 만들어줬다. idCheck 정규식표현으로 유효성 검사 할 값을 false값을 지정했다. pwCheck 유효성검사를 false로 똑같이 지정 ! 푸쉬한 코드를 성훈님께서 리뷰해주셨다. 공

2021년 3월 17일
·
0개의 댓글
post-thumbnail

[라인프렌즈] # 01 클론 프로젝트

기다리던 첫 클론코딩 프로젝트가 시작 되었다 설렘 반 두려움 반으로 시작 ! 새로운 동기님들과 분담을 맡아서 시작 ~ ! 나는 로그인, 회원가입, 검색기능 가능하다면 디테일한 모달창까지 하고 싶다. 자 열심히 시작해보자 >### 🤼 프로젝트 기간 2021.03.

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

[TIL] 프론트엔드 개발자의 한 달

나는 비전공자다. 나는 고등학교는 컴퓨터디자인과를 나왔고, 대학교는 관련 없는 식품계 학과를 나왔다. 하지만 나는 배우면서 가슴 뛰고 크게 흥미가 없었다. 그렇기에 욕심도 나지 않았던 것은 사실이다. 나는 하고자 하는 것이 없어 많이 방황을 했다. 그러던 어느날, 한

2021년 3월 14일
·
2개의 댓글
post-thumbnail

[TIL] #36 React | Mock Data & 검색기능

반복되는 컴포넌트를 목데이터(가짜데이터)로 이용해서 재사용이 가능하고,백엔드 API를 기다리는게 아닌 먼저 기획에 맞게 구현되는지 확인이 가능하다그러고 나면 백엔드랑 소통도 더 잘 될 것이다.js방식으로 배열 데이터를 변수에 담고, import해서 접근이 가능하다실제

2021년 3월 13일
·
1개의 댓글
post-thumbnail

[TIL] # 35 React | Westagram Feeds

위스타그램 메인 댓글 부분 구현을 해 왔다.. 많은 과정들과 힘듬이 있었지만 나만의 블로그로 정리를 다시 해봐야겠다.댓글 추가댓글 삭제

2021년 3월 11일
·
0개의 댓글
post-thumbnail

[TIL] # 34 알고리즘 |Code Kata - 05 |

숫자로 이루어진 배열인 nums를 인자로 전달합니다.숫자중에서 과반수(majority, more than a half)가 넘은 숫자를 반환해주세요.예를 들어,nums 배열의 길이는 무조건 2개 이상먼저 우리는 과반수를 찾아야한다.for 중첩으로 numsi값과 numsj

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

[TIL] # 33 React | 로그인 성공페이지

한 글자 아닌 아이디가 @ 포함,pw가 5글자 이상일 경우 로그인 페이지 성공!한 글자 하는것도 힘들었는데 조건에 따라 구현하는게 정말 어렵지만 꾸역꾸역 해결 해서 뿌듯하군아직 코드 리뷰를 받지 않은 상태지만 내가 쓴 코드를 다시 한 번 정리 해보자!!React는 St

2021년 3월 6일
·
2개의 댓글
post-thumbnail

[TIL] # 32 React | State |

오늘 하루주말 늦잠스터디 카페state로 활용한 로그인 버튼 활성화 해보기저녁 먹고 미션완료인라인 스타일로도 줄 수 있지만, 좋지 않은 코드? 라고 하셔서 클래스 네임으로 변수를 사용해 조작했다!!!삼항연산자로 id와 pw 둘다 0이 아니면 진한파랑으로 바뀌게했고,

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