Rest API 보다는 graphql이 주된 내용인데

안녕하세요! momodooly님!본 강의를 크게 4분할하면 아래와 같습니다!1. node로 기본 다지기 (1/4 정도 분량) => rest-api로 진행2. nestjs로 실무 다지기 (2/4 정도 분량) => graphql-api로 진행3. 서비스 배포하기 (1/4 정도 분량) => gcp로 진행따라서, node, express를 기반으로하여 rest-api 활용 및 DB 연동까지 배워보실 수 있답니다!(단, nestjs 프레임워크에서 rest-api를 적용하는 방법은 별도의 공부가 필요할 수 있어요!^^)

폰트 적용 관련 오류

안녕하세요! jihun6548님!새로고침시 폰트가 제대로 나온다고 하셨는데!이는 크게 2가지 문제로 요약해 볼 수 있을 것 같아요!1. 소스코드를 저장하면서 리프레시가 될 때, 문제가 되는 경우=> 이 경우는 yarn dev 에서만 발생할 것이에요.(최종 배포시에 발생하지 않음)리프레시 하기 위한 코드들을 최적화하는 과정에서 발생하는 일시적인 오류로 무시하셔도 됩니다!2. 특정 페이지에 진입하는 경우에 (항상) 문제가 되는 경우=> 이 경우는 클라이언트사이드에서의 페이지이동 vs 서버사이드를 거친 페이지이동의 문제를 의심해 보아야 할 것 같아요!(*참고: 완벽한프론트엔드 카카오지도 수업)=> 따라서, 클라이언트사이드에서 페이지이동(Link, router.push 등)을하여 문제가 되었으나, 새로고침하여 서버사이드를 거쳐서 진입하면 문제가 해결되는 상황으로 볼 수 있는데요!이는 현재 프로젝트내의 폰트 설정 부분에 문제가 있는 것일 가능성이 높으므로, 해당 프로젝트의 설정 진단이 필요할 것 같아요!^^

싸이월드: Background 이미지 반복

안녕하세요! Yun Cho님!배경이미지와 파란이미지(아우터박스) 2장의 그림이 있는데요!여기서 배경이미지는 제대로 보이고 있는 것 같아요!(파란이미지가 반복되고 있네요!)올려주신 코드를 보면, 배경이미지부분에 background-size: cover가 들어가있는데,여기 말고, 파란이미지(아우터박스)에 background-size: cover를 넣어보세요!(참고로 background-size: cover는 사진을 해당 영역에 가득채우는 방법이랍니다!)

a태그 패딩했을때 왜 크기가 줄어들지 않고 늘어나나요

안녕하세요! 트랙님!꼼꼼히 공부하시는 모습 정말 보기 좋아요!개발자가 되려면 계속 why에 대한 궁금증을 해결하며 학습해야 합니다^^* 아래 태그로 만든 inline 요소를 준비했습니다!이를 활용하여 3가지 궁금증을 해결해봐요! 클릭 영역을 키우려면? margin vs padding아래 그림에서 클릭 가능한 부분은 어디일까요?바로, 하늘색 영역 모두입니다!(클릭하세요를 기준으로 padding이 20px 적용되어있어요!) (사진)다음으로, 아래 그림에서 흰색 배경은 클릭이 될 수 있을까요?!사실 이 흰 배경은 margin이 적용된 부분이랍니다!(만약 클릭이 된다면, 어디가 의 흰 배경이고 어디가 의 클릭 가능한 margin 영역의 흰부분인지 굉장히 헷갈리겠죠?!)(사진)(사진)정리하면,클릭 가능한 영역은 내부 영역의 사이즈를 뜻하므로, padding은 클릭 영역을 넓혀줄 수 있어요!반면, margin은 바깥 영역이므로 클릭 가능 영역에 해당하지 않는답니다!^^inline 요소인데 왜 아래로 내려가있나?inline 요소는 아래로 내려가지 않고, 오른쪽으로 붙는게 정상입니다!다만, 오른쪽으로 붙을 공간이 없으면...?그땐 내려가게 되겠죠?!따라서, 메뉴박스 안에서 더이상 오른쪽으로 붙을 수 없는 경우 아래로 내려간답니다!(또는, 부모가 flex등을 사용하여 자식을 세로로 배치할 수도 있어요! 비록 자식이 inline이더라도요!)내려가는거랑 겹치는거랑 뭔 상관인가?inline 요소의 경우, 일반적으로 높이가 따로 없으며 알맹이(텍스트) 높이를 기준으로 삼습니다.따라서, block요소 처럼 예쁘게 내려가지 않고, inline요소는 알맹이가 겹치지 않는 정도로만 내려가게 되므로, 알맹이를 제외한 padding 영역 등 외부영역은 겹쳐지게 된답니다!^^(사진)

koreanjson.com 사이트가 안열려요..

안녕하세요! 방가워요님!해당사이트에 문제가 생긴 것 같네요!실습을 위해 코드캠프에서 대체API를 업로드하였습니다.아래의 주소를 활용하여 실습을 진행해 주세요.(수업에서의 사용 예시 => 1번 게시글 데이터 조회) // 변경전 "https://koreanjson.com/posts/1" // 변경후 "http://main-example.codebootcamp.co.kr/board/1" // 변경전(수업에서 실습 예시) const result = await fetch("https://koreanjson.com/posts/1") // 변경후(수업에서 실습 예시) const result = await fetch("http://main-example.codebootcamp.co.kr/board/1")

강의 전체 소스코드 받을수있을까요?

안녕하세요! momodooly님!이메일로 전달드렸습니다!^^

도커볼륨 마운트 관련

안녕하세요! gkdlsb1234님!올려주신 모든 스크린샷을 확인해본 결과, 소스코드는 수업에서 진행한대로 제대로 작성해 주신 것 같아요! 따라서, 이러한 경우에는 windows 시스템상의 문제, windows 내의 docker-desktop 설정 관련 문제 등으로 좁혀볼 수 있을 것 같은데요!이러한 시스템 및 설정 문제는 보통 시스템 상황에 따라 다를 수 있으므로 원인을 먼저 분석하여 해결해야 합니다!가장 먼저 시도해 볼 수 있는 방법을 알려드리면, docker-desktop의 설정에서 파일공유 설정에 해당 파일저장소가 제대로 공유되고있는지 확인해 보세요!(사진)

404에러 문의드립니다

안녕하세요! yoonseong님!해당 스크린샷을 확인해보니, 404에러코드를 가진 페이지를 찾을 수 없다는 에러네요!보통 이런 경우에는, 페이지경로에 오타가 있어서 제대로된 페이지로 이동을 못하여 에러가 발생하게 됩니다!하지만, 위에 올려주신 스크린샷을 확인해보니, 오타는 찾을 수 없는 것 같네요!이러한 경우에는 크게 2가지 방법으로 해결해 보실 수 있는데,1. 폴더 경로에 띄어쓰기(" ") 가 존재하는지 점검해보세요! 1-1) 07-04-dynamic-routing-board-mutation-moved 폴더명 주변 1-2) [number] 폴더명 주변 1-3) page.tsx 파일명 주변 2. 반면, 아무런 문제가 없는데도 접속을 못하는 경우가 있습니다.vscode에서 파일을 접속가능하게끔 합쳐(.next 폴더 만들어줌)주는 과정에서 문제가 발생하게 되는 것인데요!이 때는, yarn dev를 종료한 후, .next 폴더를 삭제하고, 다시 yarn dev로 실행해 보세요! 위 2가지 과정을 모두 거쳤는데도 해결이 안되신다면, 임의의 새로운 폴더경로( /aaa/page.tsx )를 하나 만들어 주시고,게시글 등록후 /section07/07-04-dynamic-routing-board-mutation-moved/[number] 경로 말고, /aaa/page.tsx로 이동해 보셔서 이것은 되는지 확인해 보세요!

tailwindcss 오류관련 문의 드립니다 ㅠㅠ

안녕하세요! jihun6548님!nextjs 15버전에 출시됨에따라 강의에서 설치했던 버전과 달라졌어요!(학습자료에도 반영 완료되었습니다!) 따라서, nextjs 설치시 14버전으로 설치해 주세요!// nextjs 14버전으로 설치하는 방법 npx create-next-app@14

2분 44초 질문

안녕하세요! 트랙님!블록요소와 인라인요소를 먼저 이해해 볼까요!1) 블록요소: 한줄 전체 차지하는애 (사진)2) 인라인요소: 내 몸만큼만 차지하는애 (사진)다음으로, 대표적인 블록요소와 인라인요소에 대해 알아봐요!1) 대표적인 블록요소: (사진)2) 대표적인 인라인요소: (사진)따라서, 블록요소인 안에서 인라인요소인 태그를 넣게되면 가운데정렬, 오른쪽정렬 등 알맹이를 움직이기가 편리할 것 같네요!^^(사진)(사진)(* 단지 이 대표적인 인라인 요소이므로 활용했을 뿐, 다른 인라인 요소를 사용하셔도 괜찮습니다!)