Homile

📌 오늘은 스터디원과 페어가 되었다!!! 조금은 편안하게 페어활동을 할 수 있을 것 같다!! 내가 잘 하지 못하는 css의 영역이기 때문에 이전날 css를 최대한 공부해서 다행이다...😀 📗 오늘 학습한 내용 Styled Component를 사용한 UI 패턴 구현 Modal 구현 Toggle 구현 Tab 구현 Tag 구현 [udemy] React 완벽 가이드 강의 className도 prop으로 넘겨줄 수 있다. 📘 추가로 공부할 내용 [udemy] React 완벽 가이드 강의 보기 (매일 조금씩 이라도 꾸준히 듣기) 📝 중요한 내용 Styled Component 사용 ``(백틱)으로 감싼다.

📌 CDD에 대해서 학습하는 날이다.. 요즘 비가와서 그런지 기분이 한층 다운된 상태로 유지하고 있다... 조금 더 힘내서 기운을 되찾아서 열심히 해보자!!! 📗 오늘 학습한 내용 CDD (Component Driven Development) 기획자가 이전에 요청 받았던 기능을 똑같이 사용하도록 요청했다. 이때, 팀에서 같은 UI 컴포넌트를 공유한다면 고민하지 않고 컴포넌트를 재새용 할 수 있는 방법론이 CDD이다. 부품 단위로 UI 컴포넌트를 만들어 나가는 개발을 하는 것. CSS in JS 프로젝트의 규모나 복잡도가 점점 커지고 함께 작업할 팀원 수도 많아지면서 CSS를 작성하는 일관된 패턴이 없어서 효율적으로 작업하기 위해 구조화된 CSS가 필요해졌다. 위의 문제점을 해결하기 위해 나온것이 CSS ..

📌 오늘은 피그마를 하는 날이다!!!!!!!!!!!!!!!!!! 페어분이랑 마켓컬리를 피그마로 클론해보았다! 📗 오늘 학습한 내용 와이어프레임(wireframe) 선으로 틀을 잡는다는 뜻으로, 제품 기획 단계에서 페이지를 어떻게 구성할 것인지 구조를 잡기위한 목저으로 만든다. Low Fidelity Wireframe (Lo-Fi Wireframe) 손으로 빠르게 그린 수준의 와이어 프레임 Middle Fidelity Wireframe (Mid-Fi Wireframe) Lo-Fi 와이어프레임을 그리면서 아이디어가 어느정도 구체화되고 확정된 후에 보기 좋게 다음어주는 프레임 High Fidelity Wireframe (Hi-Fi Wireframe) 와이어프레임을 완성본에 가깝게 작성한 프레임 프로토타입 실제..

📌 장마철이 시작하고 거의 매일 비가 온다고 하네요... 비 오는건 좋지만 나가고 싶지 않으니 집에서 코딩만 ㅎㅎ 그럼 오늘은 UI. UX에 대해서 알아보는 시간이네요!! 화이팅!! 📗 오늘 학습한 내용 UI (User Interface, 사용자 인터페이스) 사람들이 컴퓨터와 상호 작용하는 시스템을 의미한다. 화면상의 그래픽 요소외에도 키보드, 마우스 등의 물리적 요소도 컴퓨터와 상호 작용하기 위한 시스템이므로 UI라고 볼 수 있다. GUI (Graphical User Interface, 그래픽 사용자 인터페이스) 사용자가 그래픽을 통해 컴퓨터와 정보를 교환하는 작업환경을 말한다. 운영체제의 화면, 애플리케이션의 화면이 GUI이다. UX (User Experience, 사용자 경험) 사용자가 어떤 시스템..

📌 힙(Heap)이란? 최댓값과 최솟값을 빠르게 찾기 위해 고안된 자료구조 힙은 최대힙, 최소힙으로 나눠집니다. 힙 트리에서는 중복된 값을 허용한다. (이진 탐색 트리에서는 중복된 값을 허용하지 않는다.) 시간복잡도 = O(log n) ✅ 최대힙 부모 노드의 키 값이 자식 노드의 키 값보다 크거나 같은 완전 이진 트리 key(부모) >= key(자식) ✅ 최소힙 부모 노드의 키 값이 자식 노드의 키 값보다 작거나 같은 완진 이진트리 key(부모)

📌 습하고 눅눅하던 목요일이 지나고 맑은 하루를 졸린눈으로 시작했습니다🥲 새벽까지 새로운 리액트 강의를 들었는데 내용이 너무 좋아서 시간 가는줄 모르고 들었습니다. 강의는 유데미의 'React 완벽가이드'라는 제목의 외국 강사분께서 강의하는 내용이었는데 리액트를 사용하는 이유부터 차근차근 설명해주시고 내용이 리액트에 대한 내용이 깊이있어서 천천히 학습 할 수 있었습니다. 또, 이번에 진행했던 express 서버를 구현해서 리액트를 이용한 crud를 프로젝트에 fetch를 해서 실제 서버에서 API 데이터를 받아와 렌더링을 해보기로 해서 마음이 들떴습니다. 이번에도 무사히 해결할 수 있도록 기대해 봅니다.** 📗 오늘 학습한 내용 JSON (JavaScript Object Notation) 구조가 재귀 함..

Create React App 리액트 프로젝트를 시작하는 가장 쉬운방법입니다. 기본적인 리액트 코드 파일이 있는 미리 설정된 폴더들과 상용화할 수 있는 리액트 앱을 구축할 수 있도록 돕는 가장 중요한 환경설정 파일들이 존재합니다. 작성한 프로그램을 미리보기 할 수 있도록 해주고 코드나 기타 다른 것들이 변경될 때마다 브라우저가 자동적으로 페이지를 업데이트 하는 방식으로 이 프로그램을 미리 볼 수 있어 개발 과정을 단순화시켜 줍니다. node.js 브라우저 밖에서 자바스크립트 코드가 실행될 수 있도록 하는 자바스크립트 런타임이 필요하다. 리액트를 위해 필요한 것은 아니지만 create react app을 실행하기 위해 node.js가 필요하기 때문에 node.js를 먼저 설치를 해줘야 한다. 다운로드 | ..

📌 재귀함수를 하는 날인데 나는 재귀를 할 때마다 너무 어렵게 생각해서 풀이를 하는데 시간이 오래걸렸는데 이번 커리큘럼을 통해서 재귀를 조금 더 잘 쓸수 있는 사람이 되었으면 한다. 📗 오늘 학습한 내용 재귀함수 자기 자신을 호출하는 함수 반복적인 작업을 해야하는 문제의 코드를 간결하게 작성할 수 있다. 모든 재귀 함수는 반복문으로 표현할 수 있따. 재귀문제 해결 방법 문제를 좀 더 작게 쪼갠다. 1번과 같은 방식으로, 문제가 더는 작아지지 않을 때까지, 가장 작은 단위로 문제를 쪼갠다. 가장 작은 단위의 문제를 풀어서 전체 문제를 해결한다. 재귀를 사용하는 경우 주어진 문제를 비슷한 구조의 더 작은 문제로 나눌 수 있는 경우 중첩된 반복문이 많거나 반복문의 중첩 회수를 예측하기 어려운 경우 재귀적으로 ..

Section2 회고 내가 정말 부족한 것이 무엇인지 그것을 고치려면 어떤것을 해나가야 하는지에 대해서 깨닫게 되는 섹션이 되었습니다. 전반적으로 부족하다고 느낀 것은 css로 디자인을 하는 부분입니다. 스터디원 분들과 진행했던 리액트 0부터 100까지 더미데이터를 사용하여 CRUD를 만들고 각자 진행된 것을 발표하였을 때 너무 디자인의 필요성에 대해서 느끼게 되었습니다. 🍀 목표 상기하기 연봉 4000이상의 개발자가 되기 회사의 코딩, 구현 테스트, 면접을 통과하여 회사에 취직하기 프론트엔드 개발자로 자리 잡고 풀스택 개발자 도전하기 ✅ Keep 매일 7시 기상 후 학습 준비 동기와의 교류 나는 항상 나보다 못하는 사람은 없다고 생각하면서 살아왔다 누군가에게는 배울점이 무조건 존재하기 때문이다. 그렇기..

📌 오늘은 코드스테이츠 전 수료생이자 나의 대학교 동기와 함께 코딩을 같이 해보았다. 덕분에 Postman 사용하는 방법과 서버의 과정등을 자세히 알 수 있었다. 📗 오늘 학습한 내용 Express express를 사용하여 항공편 검색 및 API 생성 항공편 목록 전체 조회 항공편 목록중 항공기 아이디검색을 통한 행선지 조회 항공편 예약하기 전화번호를 통해 예약한 항공편 조회 📘 추가로 공부할 내용 기술면접 준비 section2에서 배운 내용들을 가지고 기술면접을 준비해 본다. 고차함수 객체지향 프로그래밍 비동기 React 네트워크 Ajax node.js express 📝 오늘 느낀 점 & 마음 가짐 내일 솔로프로젝트를 하는 날이다. 이런것에 대한 정보는 찾지 못하였다. 그런데 섹션2에서 나온내용으로 ..