개발 여행자

회사 코드를 보면서 컴포넌트를 선언하는 많은 방법중 왜 React.FC를 사용했을까 궁금해서 관련 공부를 하였다. 회사의 거의 모든 컴포넌트는 const App: React.FC = () => { ... } 와 같이 화살표 함수를 이용해 컴포넌트를 선언하였다. 하지만 요즘은 꼭 화살표 함수를 사용해서 선언은 안해줘도 된다. 요즘은 해외의 유명 개발자 분들도 보통 function 키워드를 사용하여 함수형 컴포넌트를 선언하는 추세이다. React 공식 매뉴얼에서도 function 키워드를 사용하고 있다. 1. React.FC의 장점 1) props에 기본적으로 childern이 포함되어 있다. Mac os 기준 option + esc 키를 클릭화면 확인이 가능하다. 2) defaultProps, contex..

useState 1. 개요 state는 컴포넌트 내부에서 생성되고, 값을 변경할 수 있다. 이를 이용하여 컴포넌트의 상태를 관리할 수 있다. 상태(state)란 컴포넌트에서 변화할 수 있는 값을 나타내며, 상태가 변하면 리렌더링(re-rendering) 된다. 상태를 관리해야 하는 컴포넌트는 반드시 class components를 사용해야 했지만, 리액트 16.8 버전 이후를 사용하는 리액트 네이티브 0.59 버전부터는 Hooks라는 것을 사용해 function components에서도 상태를 관리할 수 있게 되었다. 2. 함수형 컴포넌트를 이용하여 상태를 관리하는 법 useState는 function components에서 상태를 관리할 수 있도록 해준다. const [state, setState] =..

문제설명 배열 array의 i번째 숫자부터 j번째 숫자까지 자르고 정렬했을 때, k번째에 있는 수를 구하려 합니다. 예를 들어 array가 [1, 5, 2, 6, 3, 7, 4], i = 2, j = 5, k = 3이라면 array의 2번째부터 5번째까지 자르면 [5, 2, 6, 3]입니다. 1에서 나온 배열을 정렬하면 [2, 3, 5, 6]입니다. 2에서 나온 배열의 3번째 숫자는 5입니다. 배열 array, [i, j, k]를 원소로 가진 2차원 배열 commands가 매개변수로 주어질 때, commands의 모든 원소에 대해 앞서 설명한 연산을 적용했을 때 나온 결과를 배열에 담아 return 하도록 solution 함수를 작성해주세요. 제한사항 array의 길이는 1 이상 100 이하입니다. ar..

캠퍼스픽을 통해서 '앱/웹 스터디 그룹'에 가입했다. 그 전에 카카오에 취업하신 선배를 알게되어 개발 공부를 어떻게 제대로 시작하고, 어느 방향으로 나아가면 좋을지에 대한 조언을 들었다 너무 소중하고 값진 선배를 만난 것 같아 기분이 좋았다 그래서 바로 캠퍼스픽에 들어가서 스터디 그룹을 구했다 약 20명정도가 있는 스터디 그룹인데 우선 매일 '노션'을 이용해 스터디 인증을 해야한다. 그 날 코딩 공부한 어떠한 것이든 자유롭게 적으면 된다 나는 현재 인프런에서 강의를 듣고 있기에 강의 수강내역을 올리고 있다 이런 식으로 한 프로젝트를 정해서 같이 공부도 하는데 이번에 노마드코더 강의인 '바닐라 JS로 크롬 앱 만들기 완강' 스터디에 참여하게 됐다 스터디에 들어온지 3일차인데 의욕이 뿜뿜 솟는다 가장 좋은 ..