inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

172만명의 커뮤니티!! 함께 토론해봐요.

안녕하세요. span 태그의 부모에 display: flex 를 적용하는데 왜 적용되는지 아무리 생각해도 이해가 되지 않아 질문드립니다.

해결됨

Next.js 시작하기(feat. 지도 서비스 개발)

<li className={styles.menu} key={menu.name}> <span className={styles.name}>{menu.name}</span> <span className={styles.price}>{menu.price}</span> </li> 위 코드는 DetailContent.tsx 코드의 일부입니다. 위 코드에서 span 태그의 경우 inline 태그이기 때문에 부모 태그인 li 태그에 display: flex 속성을 적용해도 의미가 없는 것이 당연하다고 생각했습니다. 그런데 위 코드에서는 inline 태그인 span 태그가 display: flex에 영향을 받고 있더라구요. 혹시 제가 잘못 이해하는 걸까요? 혹은 다른 이유가 있는걸까요?? (Next.js 관련 질문이 아니라 너무 지엽적인 질문이라 죄송합니다...!)

  • seo
  • next.js
  • vercel
  • csr
  • ssg
  • ssr
수수수 댓글 2 좋아요 1 조회수 709

수정하기 뮤테이션

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

안녕하세요 선생님 ! 하나 궁금한 점이 있어서 질문 드려요. 게시물 수정할 때, 기존에 입력한 값이 사라지고 수정한 내용만 남는 문제가 발생해, 수정하기 버튼을 눌렀을 때 기존 값도 남아있고, 수정한 내용도 체인지 돼서 나오게끔 하는 부분을 공부중입니다. (이미지는 강의내용 캡쳐입니다) 궁금한 게, 이렇게 코드를 적용하고 게시물을 수정하면 바뀐 내용들만 뮤테이션이 날라간다는 건 이해 하겠는데 기존에 입력한 값들이 안 사라지고 출력되는 건 이해가 쉽지 않네요.. !! 어차피 writer,title,contents 스테이트는 수정된 게 없으니 빈 값 아닌가요 ? 빈 값인데 초기값이 나온다는 게 ..ㅠㅠ 미리 답변 감사합니다 선생님.

  • react
  • node.js
  • seo
  • graphql
  • next.js
주철민 댓글 1 좋아요 0 조회수 340

과제부분에 조건2에 대한 질문이요

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

freeboard_frontend 랜딩페이지를 만들어보세요 ( 접속 시 첫 화면 ) 라고 나와있는데 이 조건이 무엇을 의미하나요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
dlwjdgus3217 댓글 1 좋아요 0 조회수 317

naver로고 important 값 주는 이유

해결됨

Next.js 시작하기(feat. 지도 서비스 개발)

안녕하세요. 강의 잘 듣고 있습니다. css가 중요한 것은 아니지만 important가 없으면 안되는 이유가 궁금해서 질문드립니다. naver 로고에 important 값을 주는 이유는 naver 에서 자체적으로 주는 css 값 때문이라고 생각했는데, 제가 생각한 게 맞을까요?

  • seo
  • next.js
  • vercel
  • csr
  • ssg
  • ssr
수수수 댓글 2 좋아요 1 조회수 392

등록 시 질문

미해결

자바와 스프링 부트로 생애 최초 서버 만들기, 누구나 쉽게 개발부터 배포까지! [서버 개발 올인원 패키지]

등록 id가 1번과 2번이 있었다가 2번을 삭제하고 다시 등록을 하면 id가 3번으로 등록이 됩니다. 제가 잘못한 걸까요..?? 아니면 혹시 원래 이렇게 돌아가도록 설정하신건가요??

  • java
  • spring
  • aws
  • mysql
  • spring-boot
  • jpa
qwe_e0606 댓글 2 좋아요 1 조회수 268

포트폴리오 깃 클론 주소를 못찾겠습니다.

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

피그마 주소밖에 확인이 안되는데, 어디에 나와있는건가요..??

  • react
  • node.js
  • seo
  • graphql
  • next.js
Joy Lee 댓글 1 좋아요 0 조회수 280

useEffect clean up function 내부 코드의 역할

해결됨

Next.js 시작하기(feat. 지도 서비스 개발)

return () => { marker?.setMap(null) } 해당 코드는 어떤 역할을 하는건가요??

  • seo
  • next.js
  • vercel
  • csr
  • ssg
  • ssr
박아무개 댓글 1 좋아요 2 조회수 339

강의노트 링크 못찾겠습니다

해결됨

[리뉴얼] React로 NodeBird SNS 만들기

안녕하세요 선생님 강의노트 다운받고 싶은데 링크를 못찾겠습니다. 부탁드립니다.

  • react
  • redux
  • node.js
  • express
  • next.js
카이 댓글 1 좋아요 1 조회수 256

중고마켓 카카오맵 질문

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

중고마켓 구현 중에 계속 구글링해도 해결이 안돼서 질문드립니다ㅠ Header에 판매하기 Link가 있고, 클릭하면 /product/new 로 이동하게 했습니다 주소창에 직접 주소를 입력해서 들어가면 에러가 안뜨는데, 버튼을 클릭해서 들어가면 TypeError: window.kakao.maps.LatLng is not a constructor 에러가 발생하는데 원인이 뭘까요 ....?? Header <Link href="/product/new"> <a> <S.HeaderIcon> 판매하기 </S.HeaderIcon> </a> </Link> BoardWrite declare const window: typeof globalThis & { kakao: any } export default function BoardWrite(props: IBoardWriteProps): JSX.Element { const router = useRouter() const { setValue, trigger } = useForm({ mode: "onChange", }) useEffect(() => { const script = document.createElement("script") script.src = "https://dapi.kakao.com/v2/maps/sdk.js?autoload=false&appkey=앱키" document.head.appendChild(script) script.onload = () => { window.kakao.maps.load(function () { const container = document.getElementById("map") // 지도를 담을 영역의 DOM 레퍼런스 const options = { // 지도를 생성할 때 필요한 기본 옵션 center: new window.kakao.maps.LatLng(37.462381, 126.813369), // 지도의 중심좌표. level: 3, // 지도의 레벨(확대, 축소 정도) } const map = new window.kakao.maps.Map(container, options) // 지도 생성 및 객체 리턴 }) } }, [])

  • react
  • node.js
  • seo
  • graphql
  • next.js
nana 댓글 1 좋아요 0 조회수 565

Next 13으로 작업 중 Login 실행에서 경고를 받았습니다.

미해결

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

Layout.tsx의 return을 return ( <html lang="en"> <AuthProvider> <body>{children}</body> </AuthProvider> </html> ) 위와 같이 수정했을 때에, 경고가 Login을 실행했을 때 발생했습니다. 무시하면 안 되는 경고인것 같아 어떻게 해결하는지 궁금하여 질문 남깁니다. 경고 내용: Warning: Cannot update a component (`Router`) while rendering a different component (`Login`). To locate the bad setState() call inside Login , follow the stack trace as described in https://reactjs.org/link/setstate-in-render

  • react
  • node.js
  • postgresql
  • docker
  • typescript
  • 클론코딩
  • next.js
지말미 댓글 1 좋아요 0 조회수 562

useRef 사용이유

해결됨

Next.js 시작하기(feat. 지도 서비스 개발)

강의에 useRef 사용 이유에 대해선 안나오는거 같은데 아래 두 코드는 왜 사용된건지 설명해주실 수 있나요?? const mapRef = useRef<NaverMap | null>(null) mapRef.current = map

  • seo
  • next.js
  • vercel
  • csr
  • ssg
  • ssr
박아무개 댓글 1 좋아요 1 조회수 491

강의 ver1, ver2 뭘듣고 있는지 어떻게 알수있나요?

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

강의 ver1, ver2 뭘듣고 있는지 어떻게 알수있나요? ver1, ver2 표시가 안되어있어서요! html, css, javascript 는 노션 링크 따로있나요?

  • react
  • node.js
  • seo
  • graphql
  • next.js
asdf123 댓글 1 좋아요 0 조회수 360

onChangePasswordCheck [password] 인자 문의

미해결

[리뉴얼] React로 NodeBird SNS 만들기

안녕하세요 zerocho 님 아래 코드에서 const onChangePasswordCheck = useCallback( (e) => { console.log("onChangePasswordCheck1 :" + e.target.value); console.log("onChangePasswordCheck2:" + passwordCheck); //전 값을 참조함 setPasswordError(e.target.value !== password); setPasswordCheck(e.target.value); }, [password] //passwordCheck 로 바꾸어도 전 값을 참조함 ); 1.[password] 부분을 [] 바꾸어도 정상 작동 하는 것 같구요 [] 의미는 최초 render 시에만 함수를 생성한다는 의미로 알고 있습니다만... 2.[passwordCheck]로 바꾸면... [웹 게임을 만들며 배우는 React/6-5. useMemo와 useCallback] 강의에 의하면 onChangePasswordCheck 안에서 passwordCheck 가 정상 참조 되어야 할 것 같은데.. 이전 값으로 참조 되는 것 같습니다. 2번째 인자 작동 방식이 정확히 이해 되지 않습니다. 다시 한번 설명 부탁 드려도 될까요? (참고자료나, zerocho님, 다른 강의 부분 알려 주시면 직접 찾아 보겠습니다.) 감사합니다.

  • react
  • redux
  • node.js
  • express
  • next.js
osakapark 댓글 1 좋아요 0 조회수 295

깃주소

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

깃주소 알려주세요, 뭐 다 들어야 깃 주소를 아는건지 왜 찾을수가 없나요

  • react
  • node.js
  • seo
  • graphql
  • next.js
tamo 댓글 1 좋아요 0 조회수 259

진짜 객체지향과 테스트하기 쉬운 코드를 위헤서는 jpa가 의미없는게 아닌가하는 생각이 들어요

미해결

Java/Spring 주니어 개발자를 위한 오답노트

이전에 혼자 ddd, 헥사고날 아키텍처를 공부하면서 느꼈던게 객체지향적인 코드 + 테스트하기 용이한 코드를 작성하기 위해서는 결국 domain layer와 persistence layer의 분리가 필수적인데 jpa entity와 domain entity를 완전히 분리했을 때 JPA가 mybatis나 jdbc template를 사용하는 것과 비교해 가지는 강점이 있는지 잘 모르겠습니다.. 그나마 jpa entity와 domain entity를 분리하지 않는다면 어떻게든 온몸 비틀기로 그나마 테스트하기 용이하고 객체지향스러운 코드를 작성해볼 수는 있지만 결국 복잡한 로직에서는 쿼리 때문에 문제가 생기고 ㅜ 지식 공유자님께서는 이 문제에 대해 어떻게 생각하시나요?

  • java
  • spring
  • 객체지향
  • 소프트웨어-테스트
euni 댓글 2 좋아요 2 조회수 1879

중고마켓 게시물 Pick

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

혹시 중고마켓에서 게시글들어갈때 해당 게시글을 찜했는지 알 수 있는 API가 있을까여?

  • react
  • node.js
  • seo
  • graphql
  • next.js
병아리222 댓글 2 좋아요 0 조회수 330

이미지 못찾겠네요

해결됨

[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스

강력한 css 섹션 5 단위심화 강의에서 고슴도치 이미지 파일을 자료에 올려놨다고 하는데 못찾겠어요 ㅡㅡ... 뭔 자료를 이렇게 찾기 힘들게 올려논건지? 장난하나.. 이미지 찾다가 시간 다갔네

  • react
  • node.js
  • seo
  • graphql
  • next.js
부레옥잠 댓글 1 좋아요 0 조회수 378

serverState undefine 출력

미해결

[리뉴얼] React로 NodeBird SNS 만들기

import { configureStore } from "@reduxjs/toolkit"; import { createWrapper } from "next-redux-wrapper"; import reducer from "../reducers"; function getServerState() { return typeof document !== "undefined" ? JSON.parse(document.querySelector("#__NEXT_DATA__").textContent)?.props .pageProps.initialState : undefined; } const serverState = getServerState(); console.log("serverState", serverState); const makeStore = () => configureStore({ reducer, devTools: true, middleware: (getDefaultMiddleware) => getDefaultMiddleware(), preloadedState: serverState, // SSR }); const wrapper = createWrapper(makeStore); export default wrapper; ssr 문제를 계속 해결해보고 있는데 지금 보니 console.log()에 serverState가 undefined가 나옵니다 이게 혹시 문제의 원인인가 싶어서 그런데 serverState는 무었이고 왜 undefined가 나오나요?

  • react
  • redux
  • node.js
  • express
  • next.js
i1004gy 댓글 1 좋아요 0 조회수 236

동시성제어

미해결

실습으로 배우는 선착순 이벤트 시스템

안녕하세요 강의를 듣다가 궁금증이 생겼는데요. kafka는 메시지를 하나씩 처리하기 때문에 동시성 제어도 가능할 것이라고 이해했는데 그렇다면 여기서 레디스를 사용하지 않더라도 카프카만 사용해도 동시성과 관련된 데이터 정합성을 보장할 수 있는건가요?

  • java
  • docker
  • spring-boot
  • kafka
  • redis
봄봄봄 댓글 2 좋아요 0 조회수 922

c. Collection,Map 질문

해결됨

Java/Spring 주니어 개발자를 위한 오답노트

Collection.Map의 Good 케이스를 알 수 있을까요? 맵을 사용할 때 맵 안에 맵이 있고 이런 형태를 사용하지 않는게 좋은건지 아니면 따로 dto로 변환해서 사용해야하는건지 구분이 안 가서 질문 드립니다 ! 지정된 scope를 넘나들지 않는다는 것도 이해가 가지 않습니다 ㅠㅠ 조금만 더 쉽게 설명 붙여주시면 감사드리겠습니다!

  • java
  • spring
  • 객체지향
  • 소프트웨어-테스트
HOYA 댓글 2 좋아요 1 조회수 552

인기 태그

인프런 TOP Writers

주간 인기글