Skip to content

Commit

Permalink
fix(fe): fix React
Browse files Browse the repository at this point in the history
  • Loading branch information
jihorobert committed Apr 27, 2024
1 parent 3c3a5b2 commit 1c0125d
Showing 1 changed file with 4 additions and 0 deletions.
4 changes: 4 additions & 0 deletions content/docs/frontend/4. React.md
Original file line number Diff line number Diff line change
Expand Up @@ -37,6 +37,7 @@ React는 Facebook에서 개발한 오픈 소스 자바스크립트 라이브러
- `src` 폴더 안에 `components` 폴더를 만들고 그 안에 컴포넌트를 만들어 보세요!
- 상태 혹은 라우터를 사용해서 페이지를 구분하기
- ex) 상태가 `-1`이면 리스트를 보여주고, `-1`이 아니면 상태에 해당하는 상세 페이지를 보여줘요!
- ex) const [selectedPokemon, setSelectedPokemon] = useState(-1);
- ex) 라우터를 사용해서 `/detail&id={포켓몬 id}`로 접속하면 상세 페이지를 보여줘요!

css는 기존에 작성했던 그대로 사용하면 되고 기존에 javascript로 작성했던 코드 위주로 component화만 잘해주면 크게 어렵지 않을 거에요!
Expand All @@ -56,3 +57,6 @@ css는 기존에 작성했던 그대로 사용하면 되고 기존에 javascript
- reset.css
- data.js(포켓몬 데이터)
- ...

메인페이지 : PokemonList에서 PokemonItem 컴포넌트 호출을 통해서 구성해보아요!<br>
디테일페이지 : PokemonDetail 컴포넌트를 이용해서 구현해보아요!

0 comments on commit 1c0125d

Please sign in to comment.