sucoding

안녕하세요, 곰코드님.강의에 나오는 최신 코드는 제가 제공해드린 스니펫을 기반으로 완성된 코드입니다.먼저 섹션 1의 ‘커스텀 스니펫 등록하기’ 강의를 참고하여 스니펫을 등록하신 뒤, <code>nrlayout</code>을 활용하시면 학습에 보다 최적화된 코드를 작성하실 수 있습니다 😊참고로 코드 구조가 일부 다르더라도 학습에는 큰 문제가 없으니 이 점도 함께 참고해 주세요.감사합니다.

02-04 layout.tsx 구조가 달라요

안녕하세요!인프런 AI 인턴 답변이 정확하네요.질문해주신 내용은 인프런 AI 답변 참고해보시면 도움이 될 듯합니다.추가로 궁금한 게 있으시면 다시 물어봐주세요!감사합니다.

심플갤러리 만들기에서

안녕하세요![섹션 1.준비하기 > 2. 소스 코드 다운로드 및 활용법] 강의에 최신 코드 다시 업로드해놨습니다.소스 코드를 다시 다운로드 받으시면 됩니다!불편을 드려서 죄송합니다!

10-6 실습 할 수 없습니다..

안녕하세요.말씀해주신 부분은 참고하겠습니다. 😊그림 자료는 제공된 예제 코드의 <code>SECTION03/03-03/.excalidraw</code> 파일에 포함되어 있습니다. VS Code에서 <code>excalidraw</code> 확장 프로그램을 설치하신 후, 해당 파일을 더블클릭해 열어보시면 내용을 확인하실 수 있습니다.<img src="https://cdn.inflearn.com/public/files/posts/9eb43d55-e00e-4762-99bf-7ce9cc6f5fa3/4b9098c2-f4e1-4db2-bc34-9488513d065d.png" media-type="img" alt="image.png" title="image.png" width="572" height="191">감사합니다.

그림 예제는 따로 제공이 안되나요?

안녕하세요.해결하셨다니 다행입니다. 😀

useOptimistic 실전-1 useState

안녕하세요.말씀해주신 것처럼 3월 3일에 스펙이 변경되어, 현재 default 프리셋의 expire 값은 never로 설정되어 있습니다.따라서 이해하신 바와 같이, 해당 값은 만료되지 않으며 revalidate에 의해서만 주기적으로 갱신된다고 보시면 됩니다.

cacheLife에 대한 질문입니다

안녕하세요.심플 랜딩 페이지를 구현하는 과정에서 느끼신 것처럼 <code>margin</code>과 <code>padding</code>은 겉보기 결과가 비슷해 보일 때가 많지만, 실제 역할과 사용 목적은 분명히 다릅니다. 이 둘의 차이를 이해하면 언제 어떤 속성을 써야 할지 자연스럽게 판단할 수 있습니다.우선 <code>h1</code>과 <code>h2</code> 사이 간격을 만들 때 <code>margin-bottom: 40px</code>과 <code>padding-bottom: 40px</code>이 비슷하게 보이는 이유는, 두 경우 모두 결과적으로 아래 요소(h2)를 아래로 밀어내기 때문입니다. 하지만 의미적으로는 차이가 있습니다. <code>margin</code>은 요소의 바깥 여백을 조절하여 다른 요소와의 거리를 만드는 속성이기 때문에, 제목과 제목 사이처럼 요소 간 간격을 만들 때는 margin을 사용하는 것이 올바른 방식입니다. 반면 <code>padding</code>은 요소 내부의 여백을 늘리는 것으로, 콘텐츠와 경계 사이의 공간을 확보할 때 사용하는 속성입니다.다음으로 <code>margin-top: 380px</code>이 기대와 다르게 동작하고 <code>padding-top</code>은 정상적으로 보였던 이유는, CSS의 margin collapse(마진 병합) 현상 때문입니다. 이는 부모 요소와 자식 요소의 위쪽 또는 아래쪽 margin이 겹칠 때 하나로 합쳐지는 동작으로, 특히 부모에 padding이나 border가 없을 경우 자식의 <code>margin-top</code>이 부모 바깥으로 튀어나가 버릴 수 있습니다. 이 때문에 실제로는 요소가 내려가지 않은 것처럼 보이는 상황이 발생합니다. 반면 <code>padding</code>은 항상 요소 내부에서 처리되기 때문에 이러한 영향을 받지 않고 의도한 대로 동작합니다.결론적으로 기준을 정리하면, 요소와 요소 사이의 간격을 조절할 때는 margin을 사용하고, 요소 내부의 공간을 조절하거나 콘텐츠와 경계 사이 여유를 줄 때는 padding을 사용하는 것이 적절합니다. 다만 <code>margin-top</code>이나 <code>margin-bottom</code>이 예상과 다르게 동작할 경우에는 버그라기보다 margin collapse 현상일 가능성이 크므로, 부모 요소에 padding을 주거나 <code>display: flex</code>와 같은 레이아웃 방식을 사용하는 등 구조적인 해결 방법을 고려하는 것이 좋습니다.이 기준을 익혀 두시면 단순히 “어느 쪽이 더 잘 먹히는가”가 아니라, “의미에 맞는 속성”을 선택하는 방향으로 코드를 작성할 수 있게 됩니다.

margin, padding 사용 시기

안녕하세요 😀코드적인 처리를 통해서 직접 심으셔도결과는 같습니다.잘되시는 방법으로 진행하시면 되겠습니다.감사합니다!

(제보) 쿠키를 브라우저 개발 환경에서 직접 삽입했을 때 나오지 않는 현상

안녕하세요. 제가 최초 공유드린 링크가 7일 제한이 있다는 것을 몇 일전에 알게 되어서모든 강의에 새로운 링크를 다시 올려 둔 상태입니다.<a target="_blank" rel="noopener noreferrer nofollow" href="https://discord.gg/2ByaMfUumy">https://discord.gg/2ByaMfUumy</a>위 링크로도 접속이 불가능하실까요?확인 부탁드리겠습니다.감사합니다!

discord 초대장 갱신이 필요한거같습니다.

안녕하세요!디스코드 운영은 처음이라서 초대 링크가 7일 유효기간이 있는 것을 몰랐네요 ㅠ다시 생성해서 공유드립니다.<a target="_blank" rel="noopener noreferrer nofollow" href="https://discord.gg/2ByaMfUumy">https://discord.gg/2ByaMfUumy</a>감사합니다!

sucoding

投稿