개발해보개

IDE란? Integrated Development Environment의 약자로 통합 개발 환경을 말한다. (IDE)통합 개발 환경이란, 코딩, 디버그, 컴파일, 배포 등 프로그램 개발에 관련된 모든 작업을 하나의 프로그램 안에서 처리하는 환경을 제공하는 소프트웨어이다. EX) 마이크로소프트에서 개발한 Visual Studio 애플에서 개발한 Xcode 오라클에서 개발한 Eclipse 깃허브에서 개발한 Atom 등 ...

Computer Science 2021. 11. 5. 00:57

CS지식이 필요하다고 느껴 구매한 책. 정말 이해하기 쉽게 설명되어 있다. 최원영님의 배려에 감동을 받고, CS공부에 열정적으로 임하기로 마음 먹어본다. 👊화이팅👊

Computer Science 2021. 11. 5. 00:49

배열의 불변성을 유지하면서 배열을 업데이트 시킬 때에도 map 함수를 사용. id 값을 비교하여 id가 다르다면 그대로 두고, 같다면 active 값을 반전시키도록 onToggle 함수를 만들어 구현.

React 2021. 10. 3. 23:59

useState를 통한 상태 관리. 불변성을 지키면서 배열에 새 항목을 추가하는 방법. 1. spread 연산자 사용 2. concat 함수 사용 불변성을 지키면서 배열에 있는 항목을 제거하는 방법. -filter 함수 사용 결과

React 2021. 10. 3. 23:43

React _ useRef 로 컴포넌트 안의 변수 만들기 이전 useRef에 관한 게시글에 있던 용도2에 대한 연습. useRef. 용도 1. React Hooks중 하나로 javascript의 getElementById querySelector와 같이 특정 DOM을 직접 선택하기 위해 사용하는 함수. (외부 라이브러리 사용시 유용) class형 컴포넌트에서는 콜백함수 혹은 React.createRef 사용. 용도 2. 컴포넌트 안에서 조회 및 수정 할 수 있는 변수 관리. useRef로 관리하는 변수는 값이 바뀐다고해서 컴포넌트가 리렌더링되지 않는다. 용도2 연습. useRef() 를 사용하여 nextId라는 변수 만들기.

React 2021. 10. 3. 22:48

React _ Map을 사용한 배열 렌더링 아래와 같이 코드 그대로 길게 작성하는 방법은 react의 컴포넌트 기능을 이용하지 못한 비효율적인 방법이다. 컴포넌트를 재사용 할 수 있도록 수정. 자바스크립트 배열의 내장함수 map() 을 사용하여 배열 렌더링. 위의 세가지 방법에 대한 결과는 아래와 같이 모두 같다.

React 2021. 10. 3. 22:43

React _ useRef 공부하기. (코드 내용은 useState와 이어짐.) useRef. 용도 1. React Hooks중 하나로 javascript의 getElementById querySelector와 같이 특정 DOM을 직접 선택하기 위해 사용하는 함수. (외부 라이브러리 사용시 유용) class형 컴포넌트에서는 콜백함수 혹은 React.createRef 사용. 용도 2. 컴포넌트 안에서 조회 및 수정 할 수 있는 변수 관리. useRef로 관리하는 변수는 값이 바뀐다고해서 컴포넌트가 리렌더링되지 않는다. 용도1 연습. 초기화 버튼 클릭시 초기화 버튼에 포커스가 남아있는데, 초기화 이후 input에 포커스가 잡히도록 구현. 코드

React 2021. 10. 3. 21:34

React _ useState 공부하기. useState React Hooks 중 하나. 함수형 컴포넌트에서 사용하는 상태관리 함수. 코드 결과 Input 상태관리 코드 결과 여러개의 input 상태관리하기 코드 결과

React 2021. 10. 3. 20:46