이야기를 나눠요
131만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
[리뉴얼] React로 NodeBird SNS 만들기
공부 순서 고민
선생님 공부 순서와 관련해서 고민이 있는데요, 리액트, 넥스트, 노드 js로 취업을 1달 안에는 하고 싶은데, 현재 진도는 강의를 도메인 연결하기 부터 다시 따라해야하는 상황이여서요,, 방법11. saga방식으로 만든 강의를 다 보고 2. 깃허브 올려주신거 보면서 툴킷 방식으로 바꾼 다음에 3. 새로 산 리액트 쿼리 강좌를 보고, next.js14 + 리액트 쿼리 강의를 따라 하고 4. 혼자 포폴용 프로젝트를 하나 만들고5. 코딩테스트, 기술면접 연습을 하는게 좋을까여,,? 근데 이렇게하면 시간이 오래 걸릴까봐 고민이구,,방법2 1, 2번 진행한 다음에 리액트 쿼리는 강의 다 보기 전에 일단 깃허브 보면서 적용해보고 필요한것만 찾아본다음 바로 4,5 진행하는게 좋을까여? 이렇게하면 리액트 쿼리를 잘 모르고 써서 이해가 안갈할까봐 고민이에요 ,,방법3도메인 두번 연결하면 돈이 두번 드니까 바로3,4,5로 넘어갈지 고민이에요,,
-
[리액트 1부] 만들고 비교하며 학습하는 리액트 (React)
자바스크립트 부분 수강 후 공부 문의 드립니다.
저번에 질문 드린 내용에 대해 답변해 주신 상속에 대해서 공부를 하고 나니 코드들이 훨씬 더 이해가 잘 가게 되었습니다 감사합니다!! 그런데 제가 또 고민되는 것이 있어서 질문 드리고 싶은데요보통 제가 지금까지 다른 강의들은 강의를 듣고나서 그 강의에서 사용했던 코드를 가지고 비슷한 기능을 하는 다른 코드를 짜본다던가 작은 미니프로젝트를 만들어 본다던가 했었는데요리액트 1부 강의의 커뮤니티에서 자바스크립트 파트 부분에 대한 질문과 선생님의 답변을 읽어 보았는데 앞부분은 리액트 사용 이유를 깨닫기 위한 목적이고 자바스크립트 부분에 너무 매몰되지 않았으면 하신다는 답변을 보았습니다.제가 이제 리액트 부분을 수강하기 직전인데 자바스크립트 부분에서 사용한 코드를 가지고 다른 코드를 만들어 보고 리액트 부분을 수강해야할지 바로 리액트 부분을 수강하고 리액트 부분에서 사용한 코드를 가지고 리액트로 애플리케이션을 만들어 보는 미니 프로젝트를 해보는게 좋을지가 고민입니다... 자바스크립트 강의를 너무 꼼꼼하게 보려다보니 계획보다 시간이 엄청 오래 걸려서 또 그걸로 뭘 만들어 보려고 하면 리액트 파트가 더 늦어질것 같기도 하다는 생각도 들고 그래도 중요하면 해보는게 낫지 않겠나 하는 생각도 들어서 고민이 됩니다 자바스크립트 부분 강의가 제가 들었던 다른 자바스크립트 강의와는 다른 방식의 코드도 볼 수 있었고 얕게 알고 있었던 개념도 짚고 넘어갈 수 있어서 어렵긴했어도 재밌었고 유익했습니다!! 좋은 강의 감사드립니다
-
파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트
drf 3.0.0 문제
drf>3.0.0django>3.2python>3.9위의 환경으로 프로젝트를 진행해야합니다. 그런데 settings에 drf를 등록후 runserver 를해보면 from django.core.urlresolvers import reverse, NoReverseMatchModuleNotFoundError: No module named 'django.core.urlresolvers'The above exception was the direct cause of the following exception:위와 같은 에러가 뜹니다.drf 를 최신버전으로 업그레이드하면 문제 없지만 3.0 버전을 써야해야하는 상황입니다.구글링해서 찾아봐도 django 2.0대에 생기는 에러인것같은데.. 의견 부탁드립니다.
-
[리뉴얼] React로 NodeBird SNS 만들기
안녕하세요. 고민상담 부탁드립니다.
안녕하세요. 저는 2023년 1월 부터 6월까지 국비지원 부트캠프를 수료하고 현재 취업 준비중인 예비 프론트엔드 개발자입니다.현재 제로초님의 네이버 클론코딩, 렛츠기릿 자바스크립트, 리액트 무료강좌, 타입스크립트 문법 강좌 수강중입니다. 추가로 앞 강좌들을 다 듣고 리덕스 몹엑스, 슬랙 클론코딩, 노드버드도 들을 준비중에 있습니다. 현재 고민이 있어 글을 남기게 되었습니다. 취직을 올해 안에는 무조건 하고싶습니다. 그러나 현재 제작한 프로젝트가 부트캠프에서 팀원들과 같이한거 1개인데 이것도 완성도가 영 아닌거 같아서 지금은 이력서를 안 넣어 보고 있습니다. 제가 끝까지 완성한 프로젝트 1개를 만들고 이력서를 제출하고 싶은데 어떻게 생각하시나요? 그리고 두번째 고민은 "백엔드를 어디까지 학습하냐?" 입니다. 제가 물론 노드 교과서 강의를 듣고 싶긴하지만 시간적인 여유가 없을것같아서 초조합니다. 제가 서비스를 구축하는데에 최소한의 백엔드 지식을 학습하려면 노드버드 강의의 백엔드 부분만 알고가도 괜찮을까요?? 앗 추가로 넥스트 14버전이 나온걸로 아는데 리액트 노드버드 수강해도 괜찮겠죠? 아니면 요번에 업로드 하신 넥스트 유투브 강의를 수강하는게 나을까요?
-
[리뉴얼] React로 NodeBird SNS 만들기
도대체 다들 공부는 어떻게 하시는 건가요?
말씀드리기 부끄럽지만 공부한 지 약 1년 정도되는 프론트엔드 개발자 취준생입니다.1년을 공부했음에도 다른 사람보다 한참 뒤쳐져 있어서 왜 그동안 열심히 안 했나 속상합니다.강의 자체를 배우면서도 끈기 있게 완강해야 하는데 그러지 못 하고 중간에 넘어가고 포트폴리오를 대충 만들다보니까 이도저도 아닌 프로젝트만 나오고 있습니다. HTML + CSSJavaScriptReactNextTypeScript 공부는 다들 어떻게 하시는 건가요? 딱 6개월만 더 해보고 안 되면 포기하고 공장 들어가려고 합니다. 혹시나 공부하시는 특정 방법이 있으면 알려주시면 감사하겠습니다. 부탁드립니다.
-
따라하며 배우는 노드, 리액트 시리즈 - 기본 강의
상태관리를 어디까지 해야하는건지 고민입니다.
강사님의 강의는 잘 듣고있습니다.상태관리에 대해서 현재 로그인 회원가입 로그아웃 이렇게 진행하였는데 로그인과 로그아웃으로 회원의 로그인 여부 체크를 하는것 까지는 이해가 됐습니다. 그런데 회원가입시에는 상태관리를 해야하는지 의문점이 들었습니다.만약 다수의 유저들이 회원가입을 해서 상태관리 저장소에 무리가 가거나 사이트 성능이 저하를 일으키지 않을까 라는 생각을 하면서 그럼 상태관리는 어디까지 써도 되는건지 고민이 생겼습니다.
-
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
블로그 포스팅
인강 장면 잘라서 해당 사진이나 내용을 블로그에 포스팅해도 될까요?
-
웹 게임을 만들며 배우는 React에 TypeScript 적용하기
타임어택 7기
웹게임 React에 TS 적용하기는 타임어택 유료강좌에 해당 안되나요? 타임어택 7기 참여하고 싶은데 구글폼에 웹게임 React무료강좌만 선택지에 있고 웹게임 React에 TS 적용하기는 선택지에 없어서 웹게임 React에 TS 적용하기 강좌는 유료강좌로 포함안되는 건지 여쭤보고싶습니다. 아니면 그냥 React무료강좌 선택지를 선택하면 될까요?
-
Slack 클론 코딩[실시간 채팅 with React]
React로 로그인을 세션으로 구현하려 합니다.
안녕하세요 선생님. 프론트엔드를 공부중인 학생입니다.다름이 아니라 선생님 강의를 보고 공부 후 간단한 프로젝트를 진행하고 있는데 어려움을 겪어 질문 드려요. 현재 백엔드는 spring, 프론트 엔드는 react로 진행중입니다. 저희가 일단 로그인 방식을 jwt로 이용하려 했으나 백엔드 팀원이 구현을 어려워해 세션 방식으로 로그인을 진행 중입니다. 로그인 API가 post 요청이라 axios로 post요청 후 성공했을 때 세션값을 세션 스토리지에 저장을 했는데요, 로그인은 성공을 했는데 로그아웃 api를 호출하는 과정에서 에러가 뜨는 상황입니다.백엔드 팀원은 세션으로 로그인을 구현하면 쿠키값 생성을 안한다는데 그러면 프론트에서 세션값 저장 후 api호출 할 때마다 어떤 조치를 취해야 하는지 아니면 구글링한 결과 로그인할 때 세션값을 쿠키에 저장한다고 나오는데 팀원이 잘못 알고있는지 궁금합니다. 그리고 이 강의에서 진행중인 로그인 방식은 어떤 방식인지 궁금합니다. axios, useSWR등을 이 강의에서 처음 접하다보니 모르는 게 너무 많네요..항상 좋은 강의 감사드리고 너무 늦은 시간 질문드려 죄송합니다.편하신 시간대에 답변 부탁드려요.
-
부트캠프에서 알려주지 않는 것들 (리액트 렌더링 최적화 편) 2편
링크로 남겨주신 예제 사이트가 접속이 되지 않습니다..
제목 그대로 접근이 되지 않아 문의남깁니다
-
(2024 최신 업데이트)리액트 : 프론트엔드 개발자로 가는 마지막 단계
라우터
라우터를 사용 할 때 이렇게 하면 안 되는걸까요?오류는 하나도 안 나오는데 각 페이지에 <div>페이지명</div> 이런 글자가 화면에 안 나오네여..
-
[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
serve -s build작동이 되지 않아요ㅠㅠㅠ 도와주세요ㅠㅠ
File sizes after gzip: 56.23 kB build\static\js\main.c2dd5a76.js 1.22 kB build\static\css\main.9a059f26.css The project was built assuming it is hosted at /. You can control this with the homepage field in your package.json. The build folder is ready to be deployed. You may serve it with a static server: serve -s build Find out more about deployment here: https://cra.link/deployment C:\Users\min seo hyun\Desktop\emotion-diary>npm install -g serve changed 89 packages in 5s 24 packages are looking for funding run `npm fund` for details C:\Users\min seo hyun\Desktop\emotion-diary>serve -s build 'serve'은(는) 내부 또는 외부 명령, 실행할 수 있는 프로그램, 또는 배치 파일이 아닙니다.cmd창에서 빌드 파일 생성하고 serve도install 하였습니다. 그 다음 과정인 serve -s builde진행하는 과정에서 위와같은 오류가 나오는데 왜 그런지 도와주세요ㅠㅠㅠ
-
Slack 클론 코딩[실시간 채팅 with React]
Jwt Token 을 어디에 저장하면 좋은가요?
안녕하세요. 개인 프로젝트를 진행하던 도중 Jwt Token 관련 질문이 있어서 글을 남기게 되었습니다!현재 서버로부터 Jwt Token을 받았습니다. (access-token 1개로만 구현해보려고 합니다.)해당 토큰을 프론트에서 어떤 방식으로 저장을 하여 로그인한 사용자만 이용할 수 있는 서비스에 인증을 해주시나요?? 대체로 어떤 방법으로 쓰이는지와 그 이유가 궁금합니다!검색을 하면서 찾아본 것은 아래 3가지 였습니다. 쿠키 setCookie("access-token", data.accessToken);로컬스토리지 localStorage.setItem("access-token",data.accessToken);헤더 axios.defaults.headers.common['Authorization'] = 'Bearer ' + res.data;
-
[리뉴얼] React로 NodeBird SNS 만들기
안녕하세요 제로초님. 대학교 2학년 진로 고민입니다.
코로나 학번이구요.. 20학번이번에 군대 다녀와서 복학합니다.서성한 대학 중 한 대학 다니구요 문과입니다.정시로 시험쳐서 힘들게 들어갔어요.. 공부 머리는 어느정도 있다고 자부합니다.계열로 진입했다가 코로나로 학교를 못가니까 1,2학년때 방황을 좀 해서학점이 좀 망가져있습니다. 원하는 과 진입도 못했고, 복수전공도 어려워보여요. 자기설계전공 있어서 시도는 해볼텐데..학교에 아는 선배님도 많이 없고 저랑 비슷한 길을 걸어간 사람도 없어요.뭔가 할 수 있는게 없어서.. 그냥 고시준비 할까도 고민해봤는데 떨어지면 진짜 뒤가 없더라구요. 적성 맞는 것도 아닌거 같고.1,2학년때 방황하면서 그나마 제일 재밌게 했던게 이거여서 다시 기웃거리고 있어요. 지금 혼공 컴구운체 보고있고, 열혈C 이런거 보고있습니다. 수학도 좀 하고 있구요. 9시출근 9시퇴근합니다.. 수업 들을거 듣고..다시 정신차려서 열심히 살으려고 보니까 과거의 내가 너무 많은 잘못을 했더군요 안일했습니다. 다시 도전해보려고 합니다. 전공은 살리기 힘들 것 같고, 복수전공으로 어떻게든 통계과목이랑 CS과목들 섞어서 학위정도는 만들어 볼 수 있을 것 같아요.제로초님이라면 어떤 선택을 하셨을 것 같나요? 살기가 너무 힘드네요.. 진짜.. 엄청 버거워요..이렇게 문의드려 죄송하고 또 감사합니다.
-
Slack 클론 코딩[실시간 채팅 with React]
개인 프로젝트 DB 구조 의견 드립니다!
안녕하세요.개인프로젝트로 간단하게 가계부를 만들어볼까 하는데요.다만, 회원가입하고 로그인해야 가계부 관련 화면이 보이도록 할 예정입니다.이때 회원가입시 받는 항목을 id, password, 가입하려는 이유 이렇게 3가지만 간단하게 받으려고 하는데 개인정보 관련된 이메일이나 핸드폰 번호까지 받아야할까요?? (혼자 고민하다가 의견이 궁금하여 여쭤봅니다!)간단하게 받으려는 이유는 개인이 개인 가계부를 작성하는 것인데 개인정보를 굳이 받을 필요가 있나 싶어서요! 나중에 구글 sns 로그인만 연동시키려고 합니다! 그리고 만약 3가지만 간단하게 받는다면 no, id, password, reason, joined_at, created_at 이렇게 DB를 만드려고하는데요! 괜찮을까요?? 의견 듣고 싶습니다.
-
처음 만난 리액트(React)
혹시 리액트18버전이라 17버전으로 다운그레이드 하려는분들
https://dev.to/ifeanyichima/how-to-downgrade-from-react-18-to-1702-818위 링크대로 따라하시면 다운그레이드가능하세요!즐코딩
-
[리뉴얼] 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 호출을 하기 위해서는 어떻게 하는것이 나을까요..? ㅜ
-
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
이거 이해가안되도 그냥 계속들으면 될까요?
안녕하세요전 컴퓨터도 잘모르는사람인데요강의를 듣는데 모든게 다처음듣는단어인데 이해가잘안되도 그냥 들으면서 하라는거 하면 될까요? 이해를 하고 다 외우고 넘어가야할까요?ㅠㅠ
-
[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
리액트와 타입스크립트를 현업에서 쓸정도까지 닦으려면
안녕하세요, 삐약이 개발자입니다. 저는 백엔드 개발자라 사실 프론트에서 쓰는 뷰는 고사하고 리액트 조차 모르는 개발자입니다. 사실 백엔드개발자기도 하고, 아직 경험이 없는지라 이르기는 합니다만, SI를 다니고 있기에 저에게 마치 풀스택개발자처럼 리액트를 요구하기도 하더군요. 그래서 어차피 제 경험이 되겠지 싶어 리액트 역시 공부하려고 생각한터라 이벤트도 겸겸해서 리액트 + 타입스크립트 모두 가지고 있는 상태입니다. 다만 아직 스프링도 그렇게 잘하지 않는데 어려운게 아닐까? 현업에서 쓰기에는 많이 부족하지 않을까 싶어 걱정이 되는데, 이정현님의 생각에 리액트, 혹은 타입스크립트 까지 둘다 익혀서 실무에서 다소 혼나겠지만, 제가 현업에서 쓰는데 무리없이 쓰려면 어느정도까지는 반드시 완벽하게 이해하면 문제없다 하는 구간이 있을까요? 리액트가 매우 넓고 자유도가 높은 기술이라 들었습니다. 그렇기에 지금은 기초지만, 어디까지는 확실하게 끝내야 좋을지 고민해결해주심 좋겠습니다.
-
[2024] 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
localStorage오류
삭제된 글입니다