inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

영상 보기 전에 직접 풀어봤습니다.

미해결

자바스크립트 알고리즘 문제풀이 입문(코딩테스트 대비)

export default function solution(str) { let answer = ''; let l = 1; for (let i = 0; i < str.length; i++) { if (answer[answer.length - 1] !== str[i]) { if (l > 1) { answer += l + str[i]; l = 1; } else { answer += str[i]; } } else { l++; } if (i === str.length - 1 && l > 1) answer += l; } return answer; } 여러 경우에 대해서 대응은 되는거 같은데 괜찮은가요 ?

  • javascript
  • 코딩-테스트
류호이 댓글 1 좋아요 0 조회수 101

useNavigate 테스트 시, 검증 대상 질문입니다.

미해결

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

뒤로 이동 버튼을 눌러 페이지 전환이 잘 되었음을 검증하고 싶으면 history web api 등을 이용해서 검증하는게 더 올바르지 않나요?? 왜 useNavigate 의 반환 함수의 인자로 검증하는지 궁금합니다~

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

안녕하세요 선생님 특정 IP만 접속 가능한 기능 강의 예정 있으실까요??

해결됨

React, Node.js, MongoDB로 만드는 나만의 회사 웹사이트: 완벽 가이드

CH5-1에서 언급해주신 특정 IP만 접속 가능한 화이트리스트, 블랙리스트 기능 혹시 강의 예정 있으실까요?? 막상 언급하시니 궁금해서요...

  • HTML/CSS
  • javascript
  • react
  • node.js
  • mongodb
초보자 댓글 1 좋아요 0 조회수 143

type/interface 정의 파일분리

미해결

TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기

강의 내용과는 무관하지만 평소에 고민하던 점이 있어 문의드려 봅니다 평소에 type/interface 정의를 어디 둘지 고민하는 경우가 많은데요 d.ts를 만들어 타입끼리 묶어둠 각자 가장 관련도 높은 파일에 둠 제로초님은 강의 예제 정도 규모의 프로젝트에서 어떻게 하시는지 궁금합니다 저는 타입이 먼게 싫어서 2번을 선호하는데 '관련도 높다'는 기준이 주관적이어서 위치를 명확히 잡기 어렵고, 개발이 진행되며 관련도가 바뀌는 경우도 생기더라고요

  • javascript
  • typescript
  • 객체지향
  • 디자인-패턴
  • canvas
Eric J 댓글 2 좋아요 0 조회수 108

교안 어디있나요?

미해결

떠먹는 자바스크립트 비동기

교안 어디서 다운받나요?

  • javascript
  • ajax
  • async-await
  • https
  • promise
  • fetch-api
luna 댓글 2 좋아요 1 조회수 117

3.4) node.js 모듈 시스템 이해하기 / 실습 중 오류가 없어요 ..

해결됨

한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지

package.json 파일에 맨밑 "type": "module" 를 삽입하고 npm run start 를 하면 강의에는 esm과 js모듈을 같이 사용할 수 없기 때문에 오류난다 하셨는데 정상적으로 작동하는 현상이 발생합니다

  • javascript
  • react
  • node.js
이근호 댓글 2 좋아요 0 조회수 175

강의 자료

미해결

@시코 - JavaScript 최고수되기 (개념과 실무)

안녕하세요. 강의시 사용하신 강의 자료를 다운로드 할수 있나요?

  • javascript
사랑2 댓글 3 좋아요 0 조회수 153

팩토리 패턴

미해결

TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기

예제에서 팩토리 메서드를 굳이 왜 써야 하는지 이해를 하지 못했습니다 심플 팩토리 예제에서 grimpanFactory라는 함수의 존재 이유가 서로 다른 생성자들을 묶어주려는 요구사항이 있기 때문으로 이해했는데요 이 요구사항에 따르면 AbstractFactory들을 만들어주더라도 결국 이들을 묶어주는 로직이 필요하고 여전히 if else가 불가피한게 아닌가 생각됩니다 정리하면 애초에 grimpanFactory라는 함수를 만든게 type만으로 서로 다른 클래스 인스턴스를 편리하게 생성하는게 요구사항이 있어서가 아닌지 (1번이 맞다면) AbstractFactory를 만들더라도 이 요구사항을 만족하려면 어딘가엔 if else가 와야할 것 같은데 잘못 이해한 것인지 (1번이 틀리다면) 묶어주는게 요구사항이 아니라면 애초에 AbstractFactory 없이 생성자 바로 호출하면 되는게 아닌지

  • javascript
  • typescript
  • 객체지향
  • 디자인-패턴
  • canvas
Eric J 댓글 2 좋아요 0 조회수 148

안드로이드 에뮬레이터 오류

미해결

처음 만난 리액트(React)

안녕하세요 vscode에서 안드로이드 에뮬레이터를 사용해서 켰는데 이렇게 뜨는데 무슨 오류일까요 ㅠㅠ 계속 안 고쳐지네요ㅠ ㅠ

  • HTML/CSS
  • javascript
  • react
임채연[컴퓨터시스템공학과] 댓글 1 좋아요 0 조회수 133

강결합

미해결

TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기

강결합되는게 왜 싱글턴 패턴의 단점인지 연결이 잘 되지 않아 질문드립니다. 매개변수 주입같은 해법을 주신 것 처럼, 싱글턴 패턴과는 별개의 문제로 느껴지는데, 싱글턴을 안 하면 어떻게 나아지는지 예제 같은게 있을까요?

  • javascript
  • typescript
  • 객체지향
  • 디자인-패턴
  • canvas
Eric J 댓글 2 좋아요 1 조회수 167

멀티패러다임 프로그래밍 책

해결됨

멀티패러다임 프로그래밍 1편: 반복자 패턴 & LISP (with TypeScript, Clojure, Kotlin)

유인동님! 안녕하세요!! 책을 아직 구매하지 않았는데 책과 이 영상강의중 어떤 것이 더 심화된 내용일까요!? 아니면 같은내용인데 영상으로 더 쉽게 접할 수 있게 만드신 강의인건지 궁금합니다!

  • javascript
  • 함수형-프로그래밍
  • typescript
  • 객체지향
  • 소프트웨어-설계
  • 멀티-패러다임-프로그래밍
선비 댓글 2 좋아요 0 조회수 172

일반적인 css 꾸미기에서 width와 height의 값?

미해결

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

강의 잘 듣고 있습니다. 질문이 있는데요, 일반적인 css 꾸미기 에서 width와 height의 값 은 개발자가 아닌 웹디자이너가 항상 알려주기도 하나요 ? 즉 만약 vs code에서 파일이 index.html이 있고 index.css가 있다고 한다면, index.html에서 작성한 내용에 index.css에서 꾸며줄 시에 width 값과 height 값이 몇 픽셀인지, 혹은 몇 퍼센트인지 정할 때 잘 모르겠다면 어떻게 해야 하나요? 개발자가 width 값과 height 값을 잘 모른다면 감으로 크기를 늘렸다가 줄였다가 반복 하면서 적당한 width값과 height값을 찾아나가는 건가요? 피그마에서는 보통 디자인이 다 된 결과 값을 보고 vs code에 코딩한다면 상세 정보를 보고 width크기,height크기,폰트 크기, 폰트 weight 등등 다양하게 그대로 css에 적어주기만 하면 되는데요, 그랩 선생님 강의에서는 피그마로 볼 수 있게 추가 안내가 없어서, 스스로 강의 들은 이후 강의 없이 복습 할 시에(그랩마켓 웹화면 구현하기 1~3) 혹시나 각각 css로 꾸밀 때 width, height은 외우거나 혹은 보고 css에 적용하는 방식의 공부법 밖에 없는걸까요? 아니면 실무에서는 웹디자이너가 이미지등등의 경우에 width,height,기타 등등을 알려주기 에 그대로 css에 코딩해주면 되는 것인지요? 그랩님, 답변 부탁드립니다.

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

Tanstack query 구조에 관해 질문 드립니다.

해결됨

아바타 커뮤니티앱 만들기 (React Native Expo)

엔드포인트마다 훅을 만드는 게 가장 좋은 방법일까요? 엔드포인트가 많아진다면 파일이 너무 많아질 것 같은데 더 좋은 방법이 있을까요?

  • javascript
  • react
  • react-native
  • typescript
  • react-query
항상공부하는벌레 댓글 2 좋아요 0 조회수 134

안녕하세요

해결됨

이거 하나로 종결-스프링 기반 풀스택 웹 개발 무료 강의

스프링관련 프로젝트를 하려고하는데 마침 무료강의가 있어서 들어보려고 합니다. 그런데 유료강의랑 무료강의랑 커리큘럼이 비슷한 것 같은데 차이점이 있을까요? 유료강의가 좀 더 자세히 알려주는건가요? 아니면 최신업로드여서 유료강의인가요? 궁금합니다.

  • HTML/CSS
  • javascript
  • jsp
  • spring
  • spring-boot
  • spring-security
우냥 댓글 1 좋아요 0 조회수 233

강의 예시프로젝트 업데이트좀 부탁드립니다.

미해결

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

아니면 강의 설명 동영상에 프로젝트 초기버전 세팅 등 각종 프로젝트 설정을 자력으로 해야한다. 라는 안내문구라도 존재하면 좋겠습니다. 문제 해결을 할수는 있지만 초기 세팅에 시간이 많이 드는건 사실입니다.

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

barba와 ScrollSmoother 사용했을 때 스크롤 업데이트

해결됨

웹 애니메이션을 위한 GSAP 가이드 Part.03

Single Page Application(3) 수강 중 barba와 gsap ScrollSmoother 사용할 때는 scroll update를 어떻게 해야되나요?

  • javascript
  • 애니메이션
  • 인터랙티브-웹
  • gsap
  • scrolltrigger
wkdejrtlr 댓글 2 좋아요 0 조회수 142

다음강좌가 또나오나요? 언제쯤 출시되나요?

해결됨

이거 하나로 종결 - 32시간 고품질 스프링 풀스택 웹 개발

오늘 올라온 새소식보고 문의남깁니다. 현재 이강좌 구입해서 아직 듣고있지않고있거든요 다음강좌가 스프링부트 리액트라고하는데 지금강좌랑 내용상 겹침이 거의없는건가요?? 한가지 건의를드리자면 next.js나 장고계열에선 강의들을보면 결제기능까지 탑재하는 강의내용이 많은데 유독 스프링계열강의들에선 crud까지만 강의하고 대부분의 강좌들이 결제기능구현하는내용이 없더라구요 스프링공부하는이유가 쇼핑몰같은걸 갠적으로 만들어보려고 학습하는데;;;; 다음강의 출시하실예정이라면 개인이 혼자 웬만한 웹사이트 제작할수있게 결제부터 다양한 기능구현에대한 내용을 포함시켜주실수있는지 궁금합니다. 왜 스프링계열에선 결제api연동하는걸 강의하는내용들을 다루지않는지 궁금하긴하네요

  • HTML/CSS
  • javascript
  • jsp
  • mysql
  • spring-boot
doomco 댓글 2 좋아요 1 조회수 168

API 사용법에 대해서

해결됨

처음부터 차근차근 배우는 클로드 AI 실무 입문

강의 마지막부분에 API 사용부분이 지금 시점과 많이 달라진거 같아서 질문드립니다. 잠깐 살펴보니 https://console.anthropic.com/ 접속해서 API Key 를 발급받아서 이용하는 것 같은데 이건 cluade.ai 사이트의 요금 플랜과 별개인게 맞는거죠? 그리고, Wrting Style 작성 (Milk Tea)시에 사용된 스크립트 볼수 있을까요? 강의 어느 부분에 있었는데 찾기가 힘드네요. 강의 마지막에 11 relax band sales.csv 파일은 실습자료로 누락된거 같은데 참고하세요.

  • 프롬프트엔지니어링
  • 생성형ai
  • claude
SoulKey 댓글 1 좋아요 0 조회수 271

const 변수와 컴포넌트의 차이

미해결

만들면서 배우는 리액트 : 기초

안녕하세요, 강의 잘듣고 있습니다. const 변수로 선언된 태그를 컴포넌트화 시키셨는데 const와 컴포넌트의 차이가 궁금합니다! 즉, const는 변수이고 컴포넌트는 함수라고 인지하면 되는지 궁금합니다. 답변 부탁드려요. 감사합니다.

  • javascript
  • react
  • const
  • 컴포넌트
비버러버 댓글 1 좋아요 0 조회수 109

expo, cli 선택 중 고민이있습니다..

해결됨

아바타 커뮤니티앱 만들기 (React Native Expo)

안녕하세요, 강사님. 좋은 강의 감사히 듣고 있습니다! 현재 실제 앱 출시를 목표로 개발을 시작하려고 하는데, Expo와 CLI 중 어떤 방식으로 진행할지 고민 중입니다. 공식 문서에서도 Expo를 권장하고 있고, Prebuild 기능 덕분에 대부분의 네이티브 라이브러리도 사용할 수 있고, 성능 최적화도 많이 이루어진 것으로 알고 있습니다. CLI와 Expo 사이의 런타임 성능이나 최종 번들 용량 차이에 대한 정확한 비교 자료가 부족해 선택이 쉽지 않은 상황입니다. 강사님께서 CLI와 Expo를 모두 사용해보셨을 때, 두 방식 간에 실제 체감되는 성능이나 앱 용량 차이가 유의미했는지 궁금합니다. 만약 차이가 크다면 CLI를 선택하는 쪽이 맞을 것 같기도 한데, 강사님의 의견이 듣고 싶습니다. 감사합니다!

  • javascript
  • react
  • react-native
  • typescript
  • react-query
freshour 댓글 2 좋아요 1 조회수 137

인기 태그

인프런 TOP Writers

주간 인기글