프로젝트01 앱 개발을 처음 배우게 됐을 때, 각종 화면을 디자인해보면서 프론트엔드 개발에 큰 흥미가 생겼서 프론트엔드 개발자를 꿈꾸게 됬어요. 그러나 서버와 통신을 처음 배웠을 때 마냥 쉬운 일은 아니구나라고 생각했습니다. 항상 당연하게 생각해왔던 기능(데이터를
2주차가 왔다😁!이번주는 추석과 겹쳐서 대부분을 강의 듣는데 소비한것 같다.생각 이상으로 강의가 길었고 개인적이지만 매우 힘들었다... 특히 redux...모르는 내용을 계속 계속 넣을려고 하다보니 머리도 맗이 아팠다.강의 만으로 좀 이해하기 힘들어서 과제를 만들어가
리액트의 요소들은 여러 컴포넌트로 구성되어 있습니다.컴포넌트는 UI를 만들고, 라이프사이클을 통해 화면에 나타나거나 사라지는 것과 같은 상황에서 특정 동작을 할 수도 있습니다.클래스형 컴포넌트를 주로 사용해왔지만, 함수형 컴포넌트를 보완해줄 리액트 훅이 등장하며 점차
전역상태관리 전역상태관리란 말하는바 그대로 전역에서 상태를 관리한다는 의미입니다. 리액트에서는 상위에서 하위로 상태값을 전달하여 상태를 관리하게 되어있습니다. .png) 그러나 위와 같이 컴포넌트가 분리되어 점점 더 많아지는 컴포넌트에서 상태를 관리하게 위해서는 결국
React를 사용하여 처음으로 백엔드 분들과 협업을 하게됬다.물론 협업 전 심화 교육 때 마저 힘들어서 죽을꺼 같았던 나였다.기존에 혼자서 진행하던 프로젝트와 달리 협업을 하여 프로젝트를 진행함에 있어서 어려움이 생각보다 많았다. (사실 심화주차 개인 프로젝트도 힘들었
어찌어찌 또 한주가 지났다.이번주는 조원들과 함께 clone coding을 하는 한주였다.우선 배정 된 조원들과 어떤 사이트를 클론 할것인지정하는 시간을 가졌는데 튜터님 말씀에 의하면Bset페이스북인스타넷플릭스뉴닉트위터worst쿠팡마켓컬리라고 말씀 해주셨는데 아마 구현
이번 프로젝트에 grid system을 사용할꺼 같아 공부 하고 정리한다.CSS Grid(그리드)는 2차원(행과 열)의 레이아웃 시스템을 제공합니다.Flexible Box도 훌륭하지만 비교적 단순한 1차원 레이아웃을 위하며, 좀 더 복잡한 레이아웃을 위해 우리는 CSS
실전프로젝트에 적용할까한 찾기 기능의 구현을 위한서비바 기능에 대해 적을까한다.대부분의 웹서비스에 필수인 서치바! 실제 서비스랑은 다르지만 더미데이터를 활용해 쉽게 filter()함수를 이용해 검색기능을 구현해보려고 한다!우선 코드는 이렇다.첫 번째로 useState를
이번주는 주로 css를 사용하여 프로젝트를 그리고무한스크롤에 대해 찾아보고 공부 하며 적용해봤다.물론 지금 까지 주로 사용하던 방법이 있긴하나찾다보니 intersection Observer API라는 것을 찾았고좋은 방법이라는것을 알게됬다.무한 스크롤을 구현할 때는 S
프로젝트 보다 주로 공부를 하거나 평소에 적용해 보고 싶었던 CSS기술이나기능를 구현하는 것을 공부 하고 만들어봤다.일딴 만들어진 코드를 보고 한번 작성해 보았고 이해하는것에 초점을 맞췄다.머랄까 코드를 보면 이해는 되는 느낌이 들긴했다.다만 내가 이것을 안 보고 작성
REST: 자원을 이름(자원의 표현)으로 구분하여 해당 자원의 상태(정보)를 주고 받는 모든 것을 의미합니다. 즉, 자원(resource)의 표현(representation) 에 의한 상태 전달입니다. (이러한 REST 를 충족하는 API를 Restful API라고 합
알고리즘 문제 해결시 자주 사용되는 테크닉들을 정리 ( 매우 주관적 )Set 자료형을 활용해 중복을 제거할 수 있다.filter 메소드를 활용해 유니크한 값을 뽑아낼 수 있다.문자열에서도 마찬가지로 split 후 filter를 사용하면 같은 결과를 얻을 수 있다.배열로
React는 기존의 Vanilla JS( 프레임워크를 쓰지 않은 순수 JavaScript )나 Jquery 사용시불편했던 개발자의 욕구를 충분히 충족시켜주며 성장을 계속하고 있다.하지만 인간은 편안함에 금방 익숙해지고 새로운 불편함을 또 찾고 그것을 고쳐내려 한다.오늘
Javascript 함수를 지난 포스팅에서 알아보았습니다. 기존에 함수 사용법과 ES6 이상에서의 함수를 사용하는 방법이 추가되었고 다양하게 함수를 표현해서 사용하는 방법을 알아보았습니다.이번 포스팅에서는 함수 사용법에 이해서 재귀(Recursion) 함수에 대해서 알