오랜만에 돌아왔습니다.이렇게 오랜 시간 걸린 이유는....회사가 바빴습니다..현재 진행중인 프로젝트 마감기간도 얼마 안남았고...새로운 팀장님의 컨벤션에 맞춰서 작업을 하다보니..적응시간도 오래 걸리고...여튼 그랬습니다.이제라도 좀 꾸준하게 포스팅을 해볼까합니다.이제

React 기초 정리 7편으로 돌아왔습니다. 이번 편에서는 ref와 useEffect에 대해서 설명 해보려 합니다. ref는 reference의 줄임말입니다. 참고라는 뜻이죠그럼 ref의 역할은 무엇일까요?일전에 리액트는 선언적 방식으로 작업한다고 말씀드렸습니다.그리고

기초 정리 6편으로 돌아왔습니다.기초 정리가 얼마나 길어질지는 모르겠지만, 제 힘이 닿는한 계속 작성 해보려 합니다. 나중에는 제가 이 정리편을 보고 복습할 수 있다는 마음으로 최대한 자세히, 그리고 간단한 코드 예제로 정리 해볼겁니다.오늘은 ref와 portal에 대

기초정리 5편으로 돌아왔습니다.지금까지 컴포넌트, props, state 등 많은 기초를 정리했습니다.지금까지 정리했던 개념은 아주 중요한 개념입니다.클린 코딩을 한다는건, 이런 기본 개념을 탑재하고 이해하는 단계에서 시작합니다.자, 이제 어르신같은 말은 그만하고 이번

지난 번 정리편에서 state의 기초와 EventHandler에 대해서 다뤘습니다.이번 정리편에서는 state에 대해서 조금 더 자세히 다뤄보겠습니다.제가 회사에서 처음 맡았던 프로젝트는 이커머스 프로젝트였습니다. 결제기능이 포함된 사이트였죠. 결제기능이 있다는 말은

기초 정리 3편으로 돌아왔습니다. 이전 기초 정리 1, 2편을 참고 해보시면, 컴포넌트에 대해서 이해 할 수 있습니다. 그러면 이제 HTML과 스타일링을 정리 해봤으니, 이벤트에 관해 정리 해보려 합니다.바닐자 자바스크립트를 위주로 공부 하신 분들은 이벤트라는 말을 들

React 기초 정리 1편에서 기본적인 컴포넌트에 대해서 정리했습니다.프론트엔드 개발자라면 누구나 지나왔던 루트를 보시면, 처음에 웹 화면에서 뼈대가 되는 HTML을 공부한 후, 이를 UI적으로 보기 좋게 스타일링 하기 위해 CSS를 공부합니다. 그래서 이번 장에서는

리액트 개념 정리를 해보려고 하는 이유를 먼저 설명드리자면,저는 국비지원을 통해 교육받고 프론트엔드 개발자로 전향했습니다.이미 국비교육을 들으면서 느꼈던 단점중 하나는,같이 수업을 듣던 교육생들의 역량이 상이했기에 이걸 모두 맞추려면 진도는 늦어질 수 밖에 없고 결국

오늘은 변수 네이밍규칙들에 대해서 공부를 해볼까 합니다.회사에서 프론트팀을 관리해줄 관리자자리가 꽤 오랜 공석끝에, 드디어 새로운 팀장님이 오셨습니다.컨벤션을 잡는 시간을 가졌는데, 특히 변수, 함수, 컴포넌트, 클래스, 라우팅, 상수 기타 등등 모든 이름을 어떤 표기

현재 회사에서 상태 관리 라이브러리로 Redux를 사용 중입니다. 회사에서 프로젝트를 진행하면서 가장 많이 들었던 생각은 설정 할 것이 너무 많다는 것이었습니다.물론 겨우 이런 이유로 recoil 공부를 시작한건 아니었습니다.redux 라이브러리 사용시, 비동기 처리를

GraphQL이란? 페이스북에서 만든 쿼리 언어지금까지 접해왔던 SQL과는 다른 쿼리 언어이다1\. setUp현재는 업데이트 된 버전으로 두가지가 하나로 통합 되었다.index.js에서 Provider로 감싸준다.apollo.js 파일을 만들어 가져올 api 주소 셋팅