[질문] 리액트 프로젝트 처음으로 해봤는데

[익명(211.200)]

그냥 js+css+html , 정확히는 jsx를이용해서 작업했습니다.

평범하게 리액트 훅 몇개 섞어서 홈페이지를 만들어봤는데 다음 프로젝트는 어떤걸 추가해보는게 좋을까요?

제가 생각해본건

1. 반응형(데스크탑만 했는데, 모바일도)

2. css 분리 (시간에 쫓겨서 대부분 인라인스타일링 했습니다)

3. ts로 작업??

사실 js도 아직 잘 못다루고 웹프로젝트 자체가 처음이었는데, 어떤식으로 더 보완해나가면 좋을지 답변해주시면 감사하겠습니다.

[익명(118.235)]

프론트 지망이면 213 순으로 해야할듯 아무리 css 잘 안본다지만 인라인은 좀 극혐인데 sass는 아니더라도 최소한 css module 정도론 바꾸셈

[익명(118.235)]

타스를 젤 뒤로 둔 이후는 뽑고 가르치는 경우가 많기 때문

[익명(211.200)]

아 감사합니다. 아직 js도 잘 못쓰니까 2 1 잘 생각해서 해보면 되겠지요?? 하나만 더 두개만싶은데, 우선 js는 그냥 기본 문법을 응용해서 코드를 짰었는데 이렇게 깊이없는 상태에서 ts를 써봐도 되는지.. js공부를 따로 해야할지 반응형이 css로,리액트로 하는 방법들이 있는걸로 아는데 현업에서는 보통 어떻게 쓰는지 여쭤보고싶습니다..

[익명(118.235)]

1. js 잘쓰면 ts 금방 배움. DefinitelyType 같이 어려운 타입들도 있는데 현업에서 그정도 깊이를 신입한테 하라고 시키진 않고 할일도 잘 없음 2. 회바회 케바케. 미디어 쿼리 짜는곳도 있고 그냥 rem 적당히 쓰는곳도 있고 모바일용 리포 따로 파는 곳도 있고 다 다르니 니 하고싶은대로 하다 회사가서 회사에서 하는거 하면 됨

[익명(211.200)]

감사합니다 선생님 고민해결되었습니다 ㅎㅎ

[익명(223.62)]

1 2는 퍼블이 해주는거고 리덕스 react-query(rtk query) 이런거 해보고 웹워커 indexeddb 같은 브라우저 api 들도 써보셈. 실시간 통신(웹소켓이나 메세지 브로커) 같은것도 해보고. 그리고 제일 중요한건 단순한 게시판 같은거 말고 로직이 복잡해야 실력이 는다. 복잡한거 짜다보면 코드가 걸레짝이 되고 그걸 개선하면서 실력이 오름

[익명(223.38)]

감사합니다.. 저 여쭤보고 싶은게 있는데요 1. 리덕스,리액트쿼리, 웹워커 등 브라우저 api를 써보자! 라고 생각하고 그 기능을 얼추 파악하고 프로젝트에 그 브라우저 api와 연관된 기능을 추가해보면 될까요? 이전에는 그냥 회의를 통해 필요한 기능을 찾아서 만들었습니다

[익명(211.200)]

2. 복잡한 코드라는 건 페이지네이션이나 useState,navigate 등 복잡한 조합을 통해 만들어지는 것들을 말씀하시는 건가요? 특이한 기술은 없는데 훅들이랑 컴포넌트간 데이터 이동이 있어서 좀 꼬였었습니다. 다음엔 컴포넌트 별 주석, 코드에 주석을 달아 좀 정리하려고 하는데 괜찮겠죠?

[익명(223.62)]

내가 말한 복잡한건 페이지네이션 같은게 아니라 비즈니스 로직이 복잡한 경우를 말하는거임. 예를 들어서 pc방 관리 프로그램을 만든다고 쳐봐. 손님오면 관리화면 수동으로 새로고침 할거 아니잖아? 좌석 목록에서 하나 클릭 하면 그 사람 잔여 시간이랑 음식 주문이랑 충전한거 얼마인지 기타 등등 볼 수 있어야되고. 한 화면에 연동되는게 많아지고 로직이 복잡해질거임.

[익명(223.62)]

데이터 이동이 꼬인다는건 구조에 하자가 있다는 뜻임. 아마 지금 프로젝트 하면서 느낀게 있을테고 다음엔 어떻게 개선해야겠다고 생각되는 부분이 있을거임. 비즈니스 로직이 복잡한 프로젝트를 하면 그런 문제들이 더 부각되고 더 많이 겪게 될거임 그걸 해결해나가면서 실력이 오른다.

[익명(223.62)]

새로운 기술들은 우선 샘플코드 수준으로 한 번 짜보면 이걸 어떻게 써먹어야겠다 싶은 부분이 있을거임. 그걸 프로젝트에 적용하는 식으로 하면 됨. 그리고 내 추천은 리액트 공식문서에 연습문제랑 같이 나오는 페이지가 있는데 그거 읽어보면 개발패턴들 개선하는데 도움 많이됨. 리덕스 공식홈페이지에도 튜토리얼 있고

[익명(211.200)]

감사합니다. 리액트 공식문서.. 알고는 있었지만, 제대로 활용을 안하고 구글링으로 땜빵하면서 했는데.. 공식문제 +연습문제를 보면서 개발패턴들 익혀보도록 하겠습니다! 또 새 기술들 샘플코드 보고 파악한후, 프로젝트에 조금씩 추가해보도록 하겠습니다 ㅎㅎ . 정말 막연했었는데.. 이제 감이 잡힌 것 같네요 늦은 밤까지 가르쳐 주셔서 정말 감사합니다.