inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

node 20이상 쓸때 꿀팁

미해결

[React 1부] 만들고 비교하며 학습하는 React

package.json에서 "scripts": { "start": "export NODE_OPTIONS=--openssl-legacy-provider && webpack serve", "build": "webpack" }, 를 추가해주면 open-ssl 관련 에러가 사라집니다.

  • react
  • mvc
dohyun_lim 댓글 3 좋아요 4 조회수 790

VS code에서 문자열을 정렬하는 단축키가 궁금합니다!

해결됨

카페 24 베스트 쇼핑몰 디자인 클론코딩하기 (HTML + CSS)

긴 문자열이나 문단을 입력하면 텍스트 에디터 내에서 한번에 볼 수 없어 조금 불편한 점이 있었는데, <HTML 태그에 대해(2)> 강의 중 1:19~1:21 사이에 사용하신 정렬 단축키가 따로 있으시다면 어떤 것인지 궁금합니다! 좋은 강의 감사합니다~!

  • HTML/CSS
  • 웹-디자인
  • 클론코딩
김이삭 댓글 1 좋아요 0 조회수 582

실전 넷플릭스 6 footer부분

미해결

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)

a태그들 네개 섹션으로 나누는 .items 부분 혹시 float랑 inline-block으로 나누는 법 말고 flex해서 1씩 나눠도 상관없나요 ??저런 나누는거 나오면 저는 꼭 flex로 하는 버릇이 들었네요...뭐가 더 좋고 답이다~ 그런건 없는건가요?!

  • HTML/CSS
  • javascript
  • jquery
예림 댓글 2 좋아요 1 조회수 291

학습 자료를 받을 수 있나요 ?

미해결

쉽고 빠른 스타일링 Tailwind CSS 기초 가이드

선생님 강의에서 보여주셨던 notion 은 공유되지 않는 학습 자료인가요 ? 아니면 다른 수업에서 받을 수 있는 자료인가요 ?

  • HTML/CSS
jinsu0107 댓글 1 좋아요 0 조회수 284

포트폴리오 홈페이지 제작가이드

해결됨

면접과 취업을 부르는 '퍼블리셔 개인 포트폴리오 홈페이지' 제작

안녕하세요 선생님 현재 제가 질문을 남기는 이 강의와 ' 퍼블리셔 개인 포트폴리오 홈페이지 제작 완벽 가이드(PDF)' 이 강의는 어떠한 차이점이 있는지 내용이 많이 겹치는지 궁금해서 글남깁니다~ 궁금한게 많아 질문을 자주 남기는데 항상 빠르게 답변 해주셔서 정말 감사합니다.

  • HTML/CSS
  • jquery
  • 포트폴리오
이종주 댓글 1 좋아요 2 조회수 261

.dark 적용 하는 법

미해결

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌2)

제가 scss로 강의 듣는데 html에 profile dark 썼는데 scss에는 코드를 어떻게 적어야 할까요? 아래처럼 적었는데 미동도 안해요 ㅜㅠ

  • HTML/CSS
  • javascript
  • jquery
tkddnjs1018 댓글 1 좋아요 1 조회수 232

jest 테스트코드 작성을 위한 사전세팅 중 문제가 발생했습니다.

미해결

2시간으로 끝내는 프론트엔드 테스트 기본기

안녕하세요 jest 테스트코드 작성을 위한 사전세팅중 위와 같이 코드를 작성 후 실행하였더니 이러한 에러가 발생하였습니다. jest를 사용하며 import라는 구문을 사용하지 못한다는 에러같은데 해결 방법이 있을까요??

  • react
  • jest
  • 소프트웨어-테스트
  • Cypress
  • storybook
  • chatgpt
swoo1429 댓글 3 좋아요 0 조회수 842

모바일 목업 iframe 스크롤

해결됨

모바일 웹 퍼블리싱 포트폴리오 with Figma

선생님 안녕하세요~ 모바일 목업 안에 iframe 넣었을때 세로스크롤의 기능은 살리고 우측 막대 부분만 없애고 싶어서 구글링 해보았는데요.. 구글링 한대로 해보면 우측 막대는 없어지는데 기능도 같이 죽더라구요.. 기능은 살리고 우측 막대만 없애는 방법이 있을까요?

  • HTML/CSS
  • jquery
  • 모바일-디자인
  • figma
  • 포트폴리오
이종주 댓글 2 좋아요 2 조회수 436

테스트 실행이 안되는 문제..

미해결

2시간으로 끝내는 프론트엔드 테스트 기본기

공유해주신 프로젝트 clone해서 수정 없이 npm run unit-test 명령어 실행 시, 아래 이미지와 같이 export().toBeInTheDocument() 를 찾지 못해 진도를 나가지 못하고 있습니다.. 혹시 해결방안을 알려주실 수 있으실까요? 구글링 검색 시, import "@testing-library/jest-dom"; 을 테스트 파일 가장 상위에 두라고 하는데 이미 되어 있고 다른 해결책들도 실행해보았지만 해결하지 못했습니다. 노드 버전은 20.10.0 , 18.19.0 , 18.14.0 에서 실행했을 때, 모두 실패했습니다..

  • react
  • jest
  • 소프트웨어-테스트
  • Cypress
  • storybook
  • chatgpt
mktae 댓글 1 좋아요 0 조회수 651

반응형 설정 오류

해결됨

구글 애드센스 수익형 워드프레스 블로그 만들기

강사님 안녕하세요! 워프 반응형 설명하실때 PC, 테블릿, 모바일 각각 설정을 다르게 변경해주시는데 저는 테블릿에서 설정을 바꾸면 그게 전체에 적용되어서 각각 설정이 안되고 전체 변경이 됩니다ㅠㅠ 계속 이부분을 설명하시는데 방법이 없어서 질문드립니다...ㅠㅠ 제가 설정을 잘못한걸까요? PC에서 저장하고 테블릿 부분 다르게 변경해도 동일하게 PC에도 해당 설정이 반영됩니다ㅠㅠ

  • HTML/CSS
  • wordpress
  • php
  • 웹-디자인
  • 반응형-웹
rnrcjs12 댓글 1 좋아요 0 조회수 315

input 요소 높이값 부여 관련 질문

미해결

HTML+CSS+JS 포트폴리오 실전 퍼블리싱(시즌1)

실전 퍼블리싱 제작 part2의 배경이미지 풀스크린 검색창 강의를 듣고 있습니다. input 요소에 높이값을 부여했더니 첨부한 스샷과 같이 text input과 submit input의 위치가 어긋나는데요, 어떤 이유에서 이러는건지 잘 모르겠습니다. CSS의 다른 속성들은 모두 강의 내용과 동일하게 했고, 두 input 요소에 공통으로 높이값만 추가한 상태입니다. 감사합니다

  • HTML/CSS
  • jquery
hyoseok BANG 댓글 5 좋아요 1 조회수 555

accounts/url 질의

미해결

장고 설계철학으로 시작하는 파이썬 장고 입문

화면과같이 include 부분 강좌와 다르게 저절로 세팅이 되고 서버 실행하면 계속 오류가나는데 어떻게해야하나요ㅜㅜ

  • python
  • django
동휘김 댓글 2 좋아요 0 조회수 260

챕터03 화면에 아무것도 안 나와요.

미해결

처음 만난 리액트(React)

영상보고 코드 똑같이 작성했는데 화면에 아무것도 안 나와요. 리액트 버전 18에서 17로 다운그레이드도 했는데 여전히 아무것도 안 나오네요.

  • HTML/CSS
  • javascript
  • react
김영제 댓글 2 좋아요 1 조회수 917

postman에서 오류가 있습니다

미해결

비전공자를 위한 진짜 입문 올인원 개발 부트캠프

눈동자 모양 no enviorment에서 grab-market-mock-server로 전환이 안됩니다

  • HTML/CSS
  • javascript
  • react
  • node.js
  • react-native
  • 머신러닝
  • express
  • tensorflow
wnsghdnjs123 댓글 1 좋아요 0 조회수 200

리스트 번호 클릭시 current가 항상 0입니다.

미해결

코드로 배우는 React 19 with 스프링부트 API서버

섹션 3. 리액트와 API서버 통신 - 목록처리(1) 학습중인데요. serverData를 console.log로 찍어보면 current가 항상 0입니다. 어디서 확인해야할까요?

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
이재윤 댓글 2 좋아요 2 조회수 439

productRepository.selectList 호출시 이미지 리스트를 List객체로 반환되는 방법을 알고 싶습니다.

미해결

코드로 배우는 React 19 with 스프링부트 API서버

productRepository.selectList 호출시 이미지 리스트를 List객체로 반환되는 방법을 알고 싶습니다. 아래의 코드를 보면 이미지리스트는 한개(pi.ord=0)만 가져오는데요. imageList의 모든값이 List객체에 담겨 Page<Object[]>에 포함되는 방법을 알고 싶습니다. Page<Object[]> result = productRepository.selectList(pageable); @Query("select p, pi from Product p left join p.imageList pi where pi.ord = 0 and p.delFlag = false") Page<Object[]> selectList(Pageable pageable);

  • react
  • spring-boot
  • jpa
  • jwt
  • redux-toolkit
심정진 댓글 1 좋아요 0 조회수 257

12강 style.scss에 연동할 때 에러가 뜹니다..

미해결

리액트(React.js)를 이용한 나만의 유튜브 사이트 만들기 프로젝트

css>section>_today.scss파일을 수정하고 style.scss에 @import "section/today";를 하려고 하니 아래와 같이 에러가 뜹니다!! ㅠㅠ

  • HTML/CSS
  • javascript
  • react
  • youtube-api
1234 댓글 1 좋아요 0 조회수 265

mocking과 spy함수가 헷갈립니다.

해결됨

실무에 바로 적용하는 프런트엔드 테스트 - 1부. 테스트 기초: 단위・통합 테스트

mocking과 spy함수가 조금 헷갈립니다. 아래와 같이 정리하면 될까요? - spy 함수 : 빈 함수인데, vitest에서 이 함수를 감지하고 있고 함수가 call 되었는지, 인자는 무엇이었는지 검증하는 가짜 함수. - mocking : 종속성이 있는 라이브러리를 복사해두고, 그 중 사용해야 할 함수나 기능을 spy 함수로 대체하여 call 했는지 검사할 수 있는 프로세스. 그러면 mocking 자체는 spy 함수 없이 사용하는 것은 의미가 없다고 보면 될까요?

  • javascript
  • react
  • 소프트웨어-테스트
  • vitest
회수 댓글 2 좋아요 1 조회수 906

인기 태그

인프런 TOP Writers

주간 인기글