이야기를 나눠요
130만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
eslint 설치후 eslint.config.mjs 파일 생성이되고 .eslintrc.js 는 없습니다.
eslint 설치후 eslint.config.mjs 파일 생성이되고 .eslintrc.js 는 없습니다. 그리곳 eslint 설치시 첫 옵션 3가시 선택(강제로 고처주는옵션) 3번째 옵션도 없습니다. 2가지만 나오네요
-
Next + React Query로 SNS 서비스 만들기
배포하기 질문입니다.ㅜㅜ
안녕하세요.강의를 들으면 혹시나 배포에대해 잘나왔을까하는 맘에 결제하고 들었는데프론트배포만 나와서요 ㅜㅜ배포를 어떻게 해야하나 고민고민하다 가비아서버에 젠킨스를 설치하고 빌드를 해보았는데오류가나서 빌드도 안됩니다.혹시 로컬에서 npm run dev해서 나오는것처럼 실서버에 배포하는 과정을 자세히 알수있는 방법이 없을까요?ㅜㅜ 부탁드립니다.
-
Next + React Query로 SNS 서비스 만들기
무한 스크롤
무한 스크롤링에서 강의를 보면 5개 데이터 다음에 5개를 덧붙여주는 식(총 5n로 리스트가 늘어남)으로 진행해주셨는데랜더링을 더 빠르게 하기 위해서 n개 고정 -> 스크롤 했을 때 다음 데이터가 바꿔치기? 가 가능할까요?
-
Next + React Query로 SNS 서비스 만들기
next14 app router axios ssr 하는법
Next14 app router로 세팅하고 진행 하였을때 fetch를 사용하지 않고 axios를 쓰면서 ssr로 렌더링 하는 법이 궁금합니다 ㅠㅠ
-
Next + React Query로 SNS 서비스 만들기
DB연결
msw에서 DB를 연결해서 사용하고싶습니다.몽고디비를 연결하고싶은데 타입스크립트를 잘 몰라서 연결을 못하겠습니다 ...구글 찾아봐도 잘 안나오는데 혹시 방법이 있을까요 ?
-
Next + React Query로 SNS 서비스 만들기
고민이 있습니다.
안녕하세요.고민이 있어 글 남깁니다. 현재 로깅 라이브러리를 어떤 것을 쓸지 정하고 있습니다. 원래는 예전 노드 교과서에서 봤던 winston을 쓰고 있다가 최근에 loglevel 이라는 것을 써보고 괜찮다고 느끼고 있었습니다.그러다 문득 든 생각이 이번 기회에 고민을 하고 둘 중 하나로 계속 가보려고 하는데 혹시 현영님은 현업에서 어떤 라이브러리를 사용하고 계신지 여쭤봐도 괜찮을까요? 감사합니다!!
-
[리뉴얼] 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에 대해서 완벽하게 잡고 가는 느낌이라 고민이 됩니다. 조언 부탁드립니다.
-
Next + React Query로 SNS 서비스 만들기
로그인페이지를 외부 도메인으로 보낼 경우에도 auth.js를 활용하는게 좋나요?
안녕하세요로그인페이지를 외부페이지로 넘기고 거기서 query값으로 aceesstoken을 받아서 로그인 데이터를 활용하려고하는데요이럴 경우에도 auth.js를 활용하는게 좋은지 궁금합니다.실제로 next.js 내부에선 로그인기능을 구현하지 않는데middleware에서 로그인여부를 가려서 redirect하는 기능은 좋아보여서요 그리고 redirect로 특정 페이지로 보내주는거를로그인페이지가 외부도메인이다보니 다른 사이트로 보내야하는데 이렇게 활용도 가능한지 궁금합니다
-
Next + React Query로 SNS 서비스 만들기
배포 관련 질문사항있습니다.
안녕하세요 제가 개인 프로젝트를 만들어서 ec2 배포하였는데무료 인스턴스로 빌드까지 성공했고, 탄력적 IP 고정 후 npm start 를 했는데 다음과 같이 출력됩니다.여기서 탄력적 IP로 접속을 해봤는데 접속이 안되더라구요따로 env 파일을 만들지 않았습니다 백엔드 서버는 이미 존재해서 정적 코딩으로 백앤드 서버주소를 다 입력했는데 혹시 어떤게 문제일까요 >?
-
[리뉴얼] 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개월만 더 해보고 안 되면 포기하고 공장 들어가려고 합니다. 혹시나 공부하시는 특정 방법이 있으면 알려주시면 감사하겠습니다. 부탁드립니다.
-
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
블로그 포스팅
인강 장면 잘라서 해당 사진이나 내용을 블로그에 포스팅해도 될까요?
-
부트캠프에서 알려주지 않는 것들 (리액트 렌더링 최적화 편) 2편
링크로 남겨주신 예제 사이트가 접속이 되지 않습니다..
제목 그대로 접근이 되지 않아 문의남깁니다
-
[리뉴얼] React로 NodeBird SNS 만들기
안녕하세요 제로초님. 대학교 2학년 진로 고민입니다.
코로나 학번이구요.. 20학번이번에 군대 다녀와서 복학합니다.서성한 대학 중 한 대학 다니구요 문과입니다.정시로 시험쳐서 힘들게 들어갔어요.. 공부 머리는 어느정도 있다고 자부합니다.계열로 진입했다가 코로나로 학교를 못가니까 1,2학년때 방황을 좀 해서학점이 좀 망가져있습니다. 원하는 과 진입도 못했고, 복수전공도 어려워보여요. 자기설계전공 있어서 시도는 해볼텐데..학교에 아는 선배님도 많이 없고 저랑 비슷한 길을 걸어간 사람도 없어요.뭔가 할 수 있는게 없어서.. 그냥 고시준비 할까도 고민해봤는데 떨어지면 진짜 뒤가 없더라구요. 적성 맞는 것도 아닌거 같고.1,2학년때 방황하면서 그나마 제일 재밌게 했던게 이거여서 다시 기웃거리고 있어요. 지금 혼공 컴구운체 보고있고, 열혈C 이런거 보고있습니다. 수학도 좀 하고 있구요. 9시출근 9시퇴근합니다.. 수업 들을거 듣고..다시 정신차려서 열심히 살으려고 보니까 과거의 내가 너무 많은 잘못을 했더군요 안일했습니다. 다시 도전해보려고 합니다. 전공은 살리기 힘들 것 같고, 복수전공으로 어떻게든 통계과목이랑 CS과목들 섞어서 학위정도는 만들어 볼 수 있을 것 같아요.제로초님이라면 어떤 선택을 하셨을 것 같나요? 살기가 너무 힘드네요.. 진짜.. 엄청 버거워요..이렇게 문의드려 죄송하고 또 감사합니다.
-
Next.js 시작하기(feat. 지도 서비스 개발)
안녕하세요. 피드백 페이지 구현을 보고 궁금한 것이 있습니다.
안녕하세요.Next.js 강의 너무 유익했습니다.저는 이 강의를 들으면서 코드 하나하나 이해하기 위해 많이 노력을 했는데요. 이번에 구현하신 피드백 페이지를 보면서 궁금한 점이 생겼습니다. 현재 강의에서 구현해놓으신 피드백 페이지의 경우 달팽이 모양으로 피드백을 입력할 수 있기 구현해놓으셨는데요. 저도 역시 이런 독창적이고 재미있는 페이지를 구현해보고 싶은 마음이 있습니다. 하지만 이런 재미있는 페이지를 구현하는 것 자체가 너무 막막한데요. 이런 페이지를 제가 생각해서 만들기 위한 학습 방법을 추천받을 수 있을까요? 사실 다양한 경험과 많은 고민을 통해 만들어지는 능력이란 걸 알고 있습니다. 그래서 다소 유치한 질문일 수도 있을 거란 생각이 듭니다. 하지만 혹시 따로 이런 페이지를 위해 학습한 방법이 있으신지 궁금해서 여쭤봅니다!
-
[리뉴얼] 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 호출을 하기 위해서는 어떻게 하는것이 나을까요..? ㅜ
-
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
이거 이해가안되도 그냥 계속들으면 될까요?
안녕하세요전 컴퓨터도 잘모르는사람인데요강의를 듣는데 모든게 다처음듣는단어인데 이해가잘안되도 그냥 들으면서 하라는거 하면 될까요? 이해를 하고 다 외우고 넘어가야할까요?ㅠㅠ
-
[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
이직 질문있습니다.
안녕하세요 강사님, 강의 잘보고 포트폴리오도 만들고있습니다 (:제가 27살이면서 고졸, 경력은 약 2년(1년8개월) 정도 Si에서 일했거든요,근데 잠시 아파가지고 작년 12월말에 그만두고 3달정도 쉬어서 4월부터 강의 보고하고있는데 Si에서는 react 이런거 안쓰고 그냥 spring boot에서 jquery, vanila.js, java, sql썼는데 혹시 제가 프론트엔드로 갈려고 서류같은거 넣고 할때경력은 Si에서 일한 1년 8개월 경력을 쓰면 되는건가요?아니면 프론트엔드 경력을 써야하나요? ※ 쓸때없는 이야기 일 수 도 있어서 정말 죄송합니다, 그만두고 나서 개인적으로 취업을할 수 있을까 생각을 많이합니다, 그래서 뭐라도 해야겠다 싶어서 코딩테스트 + 현재 강의로공부하고있는데 취업에 대한 불안한 마음을 떨칠수 있을지도 질문을 남겨봅니다..
-
[리뉴얼] React로 NodeBird SNS 만들기
최신 버전 업데이트 요청 건
안녕하세요. 이제 막 강의를 수강하려고 보고 있습니다. 1. 현재 강의에서 말하는 버전 next 9 버전이 실무에서 많이 사용되는 버전과 호환성에 문제가 없을까요? 2. next버전이 생각보다 낮던데, 리뉴얼 버전에서는 다 최신 버전을 사용하실 예정인가요? 3. 리뉴얼을 하신다면, 해당 강좌는 재구매를 해야하는 것인가요? 이상 질문 3가지 말씀 드렸습니다. 강의 감사하고 잘 듣겠습니다. 좋은하루 되세요.