profile
피자먹고싶다
post-thumbnail

[React] useParams 정리

리액트 라우터 라이브러리에서 제공하는 함수이고, Route path 와 일치하는 현재 URL에서 동적 매개변수의 키/값 쌍의 개체를 반환한다.쇼핑몰 웹사이트를 예를들면 메인 페이지에서 여러개의 값을 렌더링하고, 클릭한것만 렌더링 시키고자 할때 하나하나 다 onclick

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

코드스테이츠FEB [45번째 학습]

22/07/01빠르게 22년 반이 지나가고,, 7월이 시작되었다. 오늘은 페어와 함께 React Custom Component 과제를 풀며 Styled Components 라이브러리로 모달, 탭, 토 글, 태그 UI를 만들었다. 약간의 틀만 제공해 주고 나머지는 알아서

1일 전
·
0개의 댓글

코드스테이츠FEB [44번째 배운내용]

22/06/30어느덧 6월도 마지막이다. 오늘은 Component Driven Development의 약자인 CDD에 대해서 배웠다. 결론부터 말하면 CSS를 컴포넌트화하고, JS 파일에 관리하도록 하는 방법론 같은 것. 그 라이브러리 중 하나인 styled compo

3일 전
·
0개의 댓글

[React] CDD 개발도구 정리

새 프로젝트를 개발하며 이전 UI를 사용하고 싶은경우 다시 만드는것이 아닌 이미 개발한 컴포넌트를 재사용할 수 있도록 돕는것이 CDD 개발도구이다.부품 단위로 UI 컴포넌트를 만들어 나가는 개발을 진행할 수 있다.프로젝트의 규모나 복잡도가 점점 커지고 함께 작업해야 할

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

코드스테이츠FEB [43번째]

22/06/29오늘 페어와 함께 figma 웹으로 에어비엔비 프로토타입을 제작했다. UI&UX 분석에 대해서 학습하여 분석을 하며 진행했다.사용중인 UI 디자인 패턴, 컬럼 그리드 시스템 사용 여부, X 분석 피터 모빌의 UX 7요소 충족 여부, User flow 그려

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

코드스테이츠FEB [42번째]

22/06/28웹이나 앱 등 서비스를 출시하는 모든 것의 디자인은 중요하다. 오늘은 와이어 프레임과 프로토타입을 배웠다. 앱 출시를 하기 위해 컴포넌트의 위치나, 테스트하며 시뮬레이션을 하는 단계를 학습했고, figma 웹 사이트를 통해 직접 구현해 보았다. 마치 코드

5일 전
·
0개의 댓글

[웹] 와이어프레임 & 프로토타입 을 알아보자

와이어프레임은 선(wire)으로 틀(frame)을 잡는다는 뜻으로, 제품 기획 단계에서 페이지를 어떻게 구성할 것인지 구조를 잡기위한 목적3단계로 나눌수 있다. 프로토타입은 실제 제품과 거의 흡사하게 구현한 것으로, 페이지 이동과 상호 작용이 가능하다. 본격적으로 개발

6일 전
·
0개의 댓글

코드스테이츠FEB [41번째]

22/06/27UX&UI의 개념과 디자인 패턴에 대해서 학습했다. 학습하기 전에는 각각 다른 분야라고 생각했지만 결론적으로는 둘은 아주 밀접한 관계임을 알게 되었다. 디자인과 친하지 않은 사이지만 프론트엔드 개발은 아무래도 시각적인 요소가 중요하고, 적어도 디자이너와

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

[웹] UI & UX 를 알아보자

UI(User Interface, 사용자 인터페이스)는 사람들이 컴퓨터와 상호 작용하는 시스템을 의미합니다. 보통 UI라고 하면 떠오르는 화면상의 그래픽 요소 외에도, 키보드, 마우스 등의 물리적 요소도 컴퓨터와 상호 작용하기 위한 시스템이므로 UI라고 볼 수 있습니다

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

코드스테이츠FEB [40번째]

📝 오늘 학습한 내용 22/06/24 오늘 코드스테이츠에서 제공해준 stringifyjson 과제를 풀며 json과 재귀에 더 학습을 했다. json.parse , json.stringify 둘의 차이점과 자바스크립트 객체와 다른점 등을 학습하여 json을 좀더 깊

2022년 6월 25일
·
0개의 댓글
post-thumbnail

코드스테이츠FEB [39번째, section3 시작]

22/06/23섹션 2가 끝나고 오늘부터 섹션 3가 시작되었고 첫 수업으로 재귀 함수를 배웠다. 분명 이론적으로 유용함은 알겠는데.. 사용하려니 잘 안되었다. 자기 자신을 호출하는 함수 얼추 반복 문과 비슷해 보이나 다른 형태이다. 아무튼 페어와 함께 재귀와 친숙해지기

2022년 6월 23일
·
0개의 댓글
post-thumbnail

코드스테이츠FEB [Section2 회고]

약 한 달 전 Section1 회고를 작성했다. 눈 깜짝할 사이에 두 번째 섹션 회고를 작성하고 있는데, 시간이 너무 빠르게 흘러간다. 정말 많은 것을 배웠고, 짧은 시간 동안 머릿속에 집어넣으니 뇌가 그만하라고 소리치는 것 같았다... 섹션 2에서 고차 함수 객체지향

2022년 6월 22일
·
0개의 댓글
post-thumbnail

코드스테이츠FEB [37번째]

22/06/212일간 배운 Node Http로 약 한 달 전에 만든 나만의 아고라 스테이츠 과제를 연동하는 학습을 했다. 재밌었는데, 어려워서 다 못했다. 어떻게 구현을 해야 할지 잘 떠오르지가 않아 많이 답답했다. 과제를 풀며 아직 한참 멀었음을 느꼈고, 구조는 잡혀

2022년 6월 21일
·
0개의 댓글
post-thumbnail

[Nodejs] Cors Express 프레임워크

Express 노드로 Http 서버를 만드는경우, 복잡하고 반복적인 코드를 작성하는 경우가 많다. 개발자들이 더 편리하게 서버를 개발할 수 있도록 하는 프레임워크이다. 앞서 cors는 출처가 달라도 접근 가능하게 해주는 아주 유용한 브라우저 체제인데, Header를 계

2022년 6월 20일
·
0개의 댓글
post-thumbnail

코드스테이츠FEB [35번째 수업]

22/06/17어제는 배운 노드 HTTP, Cors를 코드로 작성하며 서버 만들어봤다. 반복적이고 복잡한 코드가 많았는데, 이를 해결할 Express 프레임워크를 사용하여 리팩토링 해서 편리하게 코드를 작성하는 것을 학습했다.2일간 express로 StatesAirli

2022년 6월 18일
·
0개의 댓글
post-thumbnail

코드스테이츠FEB [36번째]

📝 오늘 학습한 내용 22/06/16 오늘은 cors에 대해 학습했다. 페어와 함께 미니노드서버 과제를 풀며 요청과 응답 설정과,헤더 설정 등 을 직접 코드를 작성하며 학습했다. 이게 왜 재밌는지.. 몇달 전만해도 서버에 대해 관심이 없었는데 내용은 어렵지만 막상

2022년 6월 16일
·
0개의 댓글

[Nodejs]HTTP의 CROS를 알아보자

CORS (Cross-Origin Resource Sharing) 교차 출처 리소스 공유 라고 하며,HTTP 헤더를 추가로 사용하여 출처가 다른 웹 애플리케이션이 선택한 자원에 접근할 수 있게권한을 부여하도록 브라우저에게 알려주는 체제이다.리소스가 자신의 출처(도메인,

2022년 6월 16일
·
0개의 댓글

깃허브 다루기

첫 리포지토리에 올리려면 리모트 설정을 해줘야한다.업로드 하려는 폴더 혹은 파일이 있는 저장소 복사해서터미널창에 cd 저장소 경로 설정후 아래 명령어 입력한다.기존에 설정되있던 리포지토리 remote 제거새 리포지토리 리모트 추가

2022년 6월 16일
·
0개의 댓글

코드스테이츠FEB [33일차]

22/06/15리액트로 비행기 시간 확인 사이트를 만들며, side effect에 대해서 좀 더 학습했다.개인적으로 난이도 아주 매운맛이다.. 이해가 완전히 되지는 않지만 부분적으로 이해하고 나중에 다시 와서 학습해야 될것같다. 현업에서 일하다 오신 페어분과 함께 과제

2022년 6월 15일
·
0개의 댓글
post-thumbnail

코드스테이츠FEB [32일차]

22/06/14점점 갈수록 어려워짐을 느낀다.. 오늘 리액트 props를 좀 더 활용하여 흐름에 대해 배웠다. 하위 컴포넌트 이벤트로 상위 컴포넌트를 변경 시키는 것은 원칙에 맞지 않으나, 상위 컴포넌트 변경 함수를 하위에 넘겨주어 단방향 흐름을 끊지 않도록 하는 원리

2022년 6월 14일
·
0개의 댓글