이야기를 나눠요
130만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
[리뉴얼] React로 NodeBird SNS 만들기
강의 순서 관련 질문 드립니다.
안녕하세요 웹 게임을 만들며 배우는 React 를 현재 수강중인 학생입니다.다름 아니라 다음 강의 관련 고민이 있는데요. 프로젝트를 하려고 하는데 프론트단을 nextjs를 사용하고 백엔드단을 코프링을 사용하려고 합니다. 그런데 react관련은 현재 저 강의로 배운 내용정도밖에 모르고 nextjs부분은 아예 모릅니다. 현재 [리뉴얼] React로 NodeBird SNS 만들기/Next + React Query로 SNS 서비스 만들기 두 강의를 구매는 해 놓았는데 정작 어떤것을 들어야 nextjs를 빠르게 도입 할수 있을지가 궁금합니다. 저 두개를 다 듣고 시작하기에는 너무 늦기도 해서 당장 하나정도 듣고 프로젝트를 시작해야 할것 같은데요 NodeBird쪽에도 Nextjs사용 부분이 있어서 그런가 웹 게임을 만들며 배우는 React 완강 후 NodeBird를 들어도 Nextjs로 프로젝트 하는데 문제 없을지 아니면 NodeBird를 건너뛰고 Next + React Query를 듣는게 나을까요? NodeBird가 두배정도의 시간이 있긴하지만 React에 대해서 완벽하게 잡고 가는 느낌이라 고민이 됩니다. 조언 부탁드립니다.
-
[리뉴얼] React로 NodeBird SNS 만들기
공부 순서 고민
선생님 공부 순서와 관련해서 고민이 있는데요, 리액트, 넥스트, 노드 js로 취업을 1달 안에는 하고 싶은데, 현재 진도는 강의를 도메인 연결하기 부터 다시 따라해야하는 상황이여서요,, 방법11. saga방식으로 만든 강의를 다 보고 2. 깃허브 올려주신거 보면서 툴킷 방식으로 바꾼 다음에 3. 새로 산 리액트 쿼리 강좌를 보고, next.js14 + 리액트 쿼리 강의를 따라 하고 4. 혼자 포폴용 프로젝트를 하나 만들고5. 코딩테스트, 기술면접 연습을 하는게 좋을까여,,? 근데 이렇게하면 시간이 오래 걸릴까봐 고민이구,,방법2 1, 2번 진행한 다음에 리액트 쿼리는 강의 다 보기 전에 일단 깃허브 보면서 적용해보고 필요한것만 찾아본다음 바로 4,5 진행하는게 좋을까여? 이렇게하면 리액트 쿼리를 잘 모르고 써서 이해가 안갈할까봐 고민이에요 ,,방법3도메인 두번 연결하면 돈이 두번 드니까 바로3,4,5로 넘어갈지 고민이에요,,
-
[리뉴얼] React로 NodeBird SNS 만들기
안녕하세요. 고민상담 부탁드립니다.
안녕하세요. 저는 2023년 1월 부터 6월까지 국비지원 부트캠프를 수료하고 현재 취업 준비중인 예비 프론트엔드 개발자입니다.현재 제로초님의 네이버 클론코딩, 렛츠기릿 자바스크립트, 리액트 무료강좌, 타입스크립트 문법 강좌 수강중입니다. 추가로 앞 강좌들을 다 듣고 리덕스 몹엑스, 슬랙 클론코딩, 노드버드도 들을 준비중에 있습니다. 현재 고민이 있어 글을 남기게 되었습니다. 취직을 올해 안에는 무조건 하고싶습니다. 그러나 현재 제작한 프로젝트가 부트캠프에서 팀원들과 같이한거 1개인데 이것도 완성도가 영 아닌거 같아서 지금은 이력서를 안 넣어 보고 있습니다. 제가 끝까지 완성한 프로젝트 1개를 만들고 이력서를 제출하고 싶은데 어떻게 생각하시나요? 그리고 두번째 고민은 "백엔드를 어디까지 학습하냐?" 입니다. 제가 물론 노드 교과서 강의를 듣고 싶긴하지만 시간적인 여유가 없을것같아서 초조합니다. 제가 서비스를 구축하는데에 최소한의 백엔드 지식을 학습하려면 노드버드 강의의 백엔드 부분만 알고가도 괜찮을까요?? 앗 추가로 넥스트 14버전이 나온걸로 아는데 리액트 노드버드 수강해도 괜찮겠죠? 아니면 요번에 업로드 하신 넥스트 유투브 강의를 수강하는게 나을까요?
-
[리뉴얼] React로 NodeBird SNS 만들기
도대체 다들 공부는 어떻게 하시는 건가요?
말씀드리기 부끄럽지만 공부한 지 약 1년 정도되는 프론트엔드 개발자 취준생입니다.1년을 공부했음에도 다른 사람보다 한참 뒤쳐져 있어서 왜 그동안 열심히 안 했나 속상합니다.강의 자체를 배우면서도 끈기 있게 완강해야 하는데 그러지 못 하고 중간에 넘어가고 포트폴리오를 대충 만들다보니까 이도저도 아닌 프로젝트만 나오고 있습니다. HTML + CSSJavaScriptReactNextTypeScript 공부는 다들 어떻게 하시는 건가요? 딱 6개월만 더 해보고 안 되면 포기하고 공장 들어가려고 합니다. 혹시나 공부하시는 특정 방법이 있으면 알려주시면 감사하겠습니다. 부탁드립니다.
-
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
상태관리를 어디까지 해야하는건지 고민입니다.
강사님의 강의는 잘 듣고있습니다.상태관리에 대해서 현재 로그인 회원가입 로그아웃 이렇게 진행하였는데 로그인과 로그아웃으로 회원의 로그인 여부 체크를 하는것 까지는 이해가 됐습니다. 그런데 회원가입시에는 상태관리를 해야하는지 의문점이 들었습니다.만약 다수의 유저들이 회원가입을 해서 상태관리 저장소에 무리가 가거나 사이트 성능이 저하를 일으키지 않을까 라는 생각을 하면서 그럼 상태관리는 어디까지 써도 되는건지 고민이 생겼습니다.
-
[리뉴얼] React로 NodeBird SNS 만들기
안녕하세요 제로초님. 대학교 2학년 진로 고민입니다.
코로나 학번이구요.. 20학번이번에 군대 다녀와서 복학합니다.서성한 대학 중 한 대학 다니구요 문과입니다.정시로 시험쳐서 힘들게 들어갔어요.. 공부 머리는 어느정도 있다고 자부합니다.계열로 진입했다가 코로나로 학교를 못가니까 1,2학년때 방황을 좀 해서학점이 좀 망가져있습니다. 원하는 과 진입도 못했고, 복수전공도 어려워보여요. 자기설계전공 있어서 시도는 해볼텐데..학교에 아는 선배님도 많이 없고 저랑 비슷한 길을 걸어간 사람도 없어요.뭔가 할 수 있는게 없어서.. 그냥 고시준비 할까도 고민해봤는데 떨어지면 진짜 뒤가 없더라구요. 적성 맞는 것도 아닌거 같고.1,2학년때 방황하면서 그나마 제일 재밌게 했던게 이거여서 다시 기웃거리고 있어요. 지금 혼공 컴구운체 보고있고, 열혈C 이런거 보고있습니다. 수학도 좀 하고 있구요. 9시출근 9시퇴근합니다.. 수업 들을거 듣고..다시 정신차려서 열심히 살으려고 보니까 과거의 내가 너무 많은 잘못을 했더군요 안일했습니다. 다시 도전해보려고 합니다. 전공은 살리기 힘들 것 같고, 복수전공으로 어떻게든 통계과목이랑 CS과목들 섞어서 학위정도는 만들어 볼 수 있을 것 같아요.제로초님이라면 어떤 선택을 하셨을 것 같나요? 살기가 너무 힘드네요.. 진짜.. 엄청 버거워요..이렇게 문의드려 죄송하고 또 감사합니다.
-
[리뉴얼] React로 NodeBird SNS 만들기
swr 구현 질문입니다.
const listFetcher = async (url) => { const res = await apiClient.get(url, { params: { siteKey: siteKey, keyword: searchData, page: page, size: 30, orderOption: sortModel.field || "createAt", orderSeq: sortModel.sort || "desc", }, }); console.log(res.data); return res.data; }; const { data: listData, error: listError, mutate: listMutate, } = useSWR(`/notices`, listFetcher); useEffect(() => { if (!listData) return; }, [listData]); useEffect(() => { listMutate(); }, [page, sortModel, selectBoxState, searchData]); 안녕하세요! 현재 next.js 프로젝트로 swr 구현중인데,현재는 useEffect로 mutate를 한번 더 하고 있어서 첫 렌더링 시, 총 2번의 api 호출이 되고 있습니다. 불필요한 api 중복 호출을 막기 위해첫 렌더링 시에는 한번만 api 호출이 되고, 변수의 state값이 변경될 때마다 api 호출을 하기 위해서는 어떻게 하는것이 나을까요..? ㅜ
-
처음 만난 리덕스(Redux)
리덕스, SWR, React-Query
안녕하세요.처음 만난 리액트부터 리덕스까지 결제하여 강의를 들었습니다.이제 본격적으로 간단한 프로젝트를직접 만들어 보려고 하는데각종 궁금한 점을 블로그에 검색하다가 알게된건데리덕스의 단점을 보완하기 위해서SWR, React-Query를 사용한다는 말을 보았어요.그런데 저는 처음 만난 리덕스 강의를 들으면서이제는 ducks에서 thunks, sagas까지 오면서그 단점이 많이 보완이 된 것 같다는 생각이 들었는데그래도 아직은 제 지식은 부족하고......선생님께서 Redux가 다른 상태관리 라이브러리의 시초기 때문에 알아두면 좋다는 말씀에는 공감하는 바라Redux로 시작할까 싶으면서도어떻게 방향을 잡으면 좋을지 모르겠어서요.저는 백엔드 개발로는 현재 5년차인데프론트엔드를 이번에 하게되어 리액트 자체는 처음입니다.선생님은 Redux, SWR, React-query에서지금 리액트를 시작한다면 어떠한 상태관리를 선택하시는 걸 추천하시나요?각 장단점을 간단하게라도 말씀해 주실 수 있나요...
-
[리뉴얼] React로 NodeBird SNS 만들기
최신 버전 업데이트 요청 건
안녕하세요. 이제 막 강의를 수강하려고 보고 있습니다. 1. 현재 강의에서 말하는 버전 next 9 버전이 실무에서 많이 사용되는 버전과 호환성에 문제가 없을까요? 2. next버전이 생각보다 낮던데, 리뉴얼 버전에서는 다 최신 버전을 사용하실 예정인가요? 3. 리뉴얼을 하신다면, 해당 강좌는 재구매를 해야하는 것인가요? 이상 질문 3가지 말씀 드렸습니다. 강의 감사하고 잘 듣겠습니다. 좋은하루 되세요.
-
[리뉴얼] React로 NodeBird SNS 만들기
[정보공유] next13일 경우 `className` did ont match. 오류 발생 시 해결법
결론: 루트 디렉토리에 next.config.js 파일 생성후설정에 compiler: {styledComponents: true} 추가 설명:스타일드 컴포넌트를 막 바꾼 뒤 저장을 했을 경우에는 오류가 발생하지 않습니다.하지만, ctrl+shift+R이나 F5 등 새로 고침을 했을 경우에 Prop className did not match. 라는 warning이 콘솔에 뜨면서 스타일이 적용이 되지 않을 경우가 있습니다. 해당 오류 발생 시에 저는 위 설정을 추가하니 해결되었습니다.
-
프로젝트로 배우는 React.js
Switch 어쩌고 에러 뜨시는분들
export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'라이브러리 몇버전부터인지는 모르겠지만 이제는Switch를 지원안하고 대신해서 Routes로 대채하여 가능합니다그대신에 내부 코드를 아래 처럼 작성하니 동작합니다 <Routes> <Route path="/" exact element={"Home Page"} /> </Routes>
-
따라하며 배우는 리액트 A-Z
아주 귀에 쏙쏙들어오네요 ㅎㅎ
현재 C# 주로 사용하다가 프론트쪽으로 이직하고싶어 수강하게 되었습니다. (프론트는 거의 안해본 3년차 개린입니다) 초보자가 잘 따라갈 수 있게 아주 잘 설명해주시는 것 같습니다. 게다가 여러 reactHook을 다뤄주시니 이 또한 너무 감사합니다. 또한 아직 수강 전이지만 막연히 나만의 웹페이지를 만드는게 아닌 서버에 배포하는 것 까지 다뤄주시는 것도 저에게는 아주 필요한 지식이었습니다. 열심히 학습해서 좋은 개발자가 되겠습니다!! 근데 class형 컴포넌트를 요즘에도 많이 쓰나요??