# State
Mission 4) Mission 5)
map 함수를 활용해 댓글 목록을 구현해주세요.댓글 하나를 컴포넌트화 시켜주세요.부모의 state 에 저장된 댓글 데이터에 Array.map() 메소드를 적용해 댓글의 개수만큼 댓글 컴포넌트가 나타나게 해주세요.필요한 데이터를 props 로 넘겨주세요.기존에 보였던 대
Mission 3) Main | 댓글 기능(State & Event)
Mission 3) Main | 댓글 기능 사용자가 댓글 입력 후 enter 를 누르거나 왼쪽의 버튼 클릭 시 댓글이 추가되도록 구현해주세요. 댓글 기능을 구현하기 위해서는 배열 데이터 타입을 활용해야 합니다. Array.map 참고해서 시도해주세요. 댓글 구현 예
MobX observer 함수
이전글에서 MobX의 makeObservable 과 makeAutoObservable 함수에 대해 기록해두었다. 이 글에서는 observer 함수가 반환하는 컴포넌트 및 MobX 상태 변경 시 재렌더링하는 방식에 대해 간단히 기록해보려 한다.(혹시나 이 글을 보시는 분
Fe.07 Day.02
첫날 공부한 내용을 복습하고 잤는데.. 정확하게 3시간 자고 두 번째 날이 와버렸다. 피곤에 찌든 상태였지만, 이왕 시작해버린 공부 제대로 하자는 마음가짐으로 자리에 앉았다.두 번째 날의 시작은 우리는 왜 리액트를 배워야 하는가 부터 시작했다. 보다시피 답은 간단했다.
React : State, Props, Event
Hook 이란? React 에서 기존에 사용하던 Class를 이용한 코드를 작성할 필요 없이, state와, 여러 React 기능을 사용할 수 있도록 만든 라이브러리라고 할 수 있다. Hook의 특징 함수 컴포넌트도 클래스 컴포넌트처럼 사용할 수 있다. 함수 컴포
Mission 2) Login | 로그인 버튼 활성화 (validation) (State & Event)
입력한 아이디와 비밀번호가 기준에 맞는 경우에만 로그인 버튼 색상이 활성화될 수 있도록 해주세요. ex. ID - @ 포함 / PW - 5글자 이상삼항 연산자 적용해서 조건에 따라 버튼 색상에 변화를 주시기 바랍니다.scss 에서 버튼 비활성화시에는 배경색이 활성화시에
Mission 1) Login | 사용자 입력 데이터 저장(State & Event)
ID <input> 에서 onChange event 발생event 발생 시 handleIdInput 함수 실행handleIdInput 는 이벤트를 인자로 받음event가 일어난 요소에 담긴 value 값 (event.target.value)을 state에 저장위의
State, Props, Event(React)
Hook은 함수 컴포넌트에서 React state와 생명주기 기능(lifecycle features)을 "연동(hook into)" 할 수 있게 해주는 함수입니다. - React 공식 문서 -Hook은 class 안에서는 동작하지 않습니다.대신 class 없이도 Re
Route state
Coins.tsxCoin.tsxuseParamsRouter.tsx에서 저장한 형식대로 url 파라미터 정보 사용가능Router.tsxCoin.tsx형태로 사용 가능
[TIL] 22.05.11 반복숙달 , React-state-hook
전공 공부를 할 때, 회사에서 업무를 배울 때 느낀것이 있었다. 무언가를 학습할 때, 이론과 배경지식 먼저 깊게 습득하려고 하기보단 일단 반복 숙달이 먼저고 이론은 그 후에 공부하는 것이다. 5월 부터 코드캠프에서 웹개발 수업을 들으며 느낀건 프로그래밍이야 말로 선숙
프로세스란? 프로세스의 상태
이 포스팅에서 다루는 내용 : 프로세스, PCB, 프로세스의 상태와 변화, 활성 vs 보류 상태, 생성, 준비, 실행, 대기, 종료, 보류 준비, 보류 대기
MobX observable state 생성
진행중인 프로젝트에서 사용하는 MobX의 observable 동작 원리에 대해 간단하게나마 기록해두고자 해서 쓰게 된 글이다. (MobX v6 기준)MobX 상태 저장소를 생성하는 방법은 아래와 같이 세 가지가 있다.makeObservablemakeAutoObserva
React state
앞에 포스팅했던 react 내용들을 보며, 쉽다고 생각했지만 이제 시작이다.아직 리액트 기본적인 기능도 사용하지 않은 것이다. 벌써 머리가 아프지만 하나씩 천천히 알아가보자이러한 기능들은 Hook이라는 이름으로 제공되고 대표적으로 상태관리를 위한 useState,use