inflearn logo
강의

강의
N
챌린지

챌린지
멘토링

멘토링
N
클립

클립
로드맵

로드맵
지식공유

묻고 답해요

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

배열 메서드가 순수 함수인지 확인하는 방법

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

MDN에 배열의 메서드들이 많던데, 사이드 이펙트가 없는 순수 함수인지 확인하는 방법 있나요? 일일이 해당 메서드들에 여러 값을 입력하는 방법 밖에 없나요?

  • javascript
Sec 댓글 2 좋아요 0 조회수 102

where 키워드가 들어가는 메서드와 아닌 메서드

미해결

[코드팩토리] [초급] NestJS REST API 백엔드 완전 정복 마스터 클래스 - NestJS Core

예를들어서 count는 조건을 걸때 where : {} 이런식으로 하는데 sum은 바로 {}만 하더라구요. 이런식으로 where 키워드를 쓰는 메서드와 안쓰는 메서드가 많이 나뉘던데 어떤 기준인지 알 수 있을까요? 헷갈리네요..

  • javascript
  • typescript
  • rest-api
  • nestjs
  • backend
gelab 댓글 1 좋아요 0 조회수 85

연결리스트 뒤집기

미해결

자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)

function solution(arr) { return arr.reverse(); } console.log(solution([1, 2, 3, 4, 5])) console.log(solution([3, 2, 1])) 이런식으로 자바스크립트 내장함수사용해서 풀기보다는 연결리스트를 구현해서 한번씩 풀어보고 하는게 학습하는데 더 도움이되는걸까요??

  • javascript
  • 코딩-테스트
  • 알고리즘
  • data-structure
민병현 댓글 2 좋아요 0 조회수 92

콜백 함수의 매개변수로 _를 쓰는 이유가 무엇인가요?

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

// forEach let arr = [1, 2, 3, 4, 5]; // forEach 콜백 함수 arr.forEach((_, __, array) => { // 콜백 함수의 매개변수로 _, __ 사용 console.log(array) }); 콜백 함수의 매개변수로 _, __ 같이 쓰는 경우가 있던데 왜 이렇게 쓰는지 궁금합니다.

  • javascript
Sec 댓글 2 좋아요 0 조회수 103

공부방법 문의

미해결

자바스크립트로 배우는 자료구조 & 알고리즘 (개념+문제풀이)

자료구조 별로 구현하고 문제풀이 하면서 강의 진도 따라가면서 백준 문제풀이도 같이 하고 있는데 스택을 배웠으면 스택 백준 문제 다풀고 넘어가는 게 맞는지 일단 자료구조 강의 개념 다 풀고 넘어가는 게 맞는 게 맞을까요?

  • javascript
  • 코딩-테스트
  • 알고리즘
  • data-structure
이진섭 댓글 1 좋아요 0 조회수 103

콜백 함수의 매개변수는 어떻게 구분되나요?

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

// forEach let arr = [1, 2, 3, 4, 5]; // forEach 콜백 함수 arr.forEach((elm, idx, array) => { // 콜백 함수의 매개변수 console.log(`${idx} 번째 요소는 ${elm} 입니다.`); console.log(array) }); // map let arr = [1, 2, 3, 4, 5]; // map 콜백 함수 let newArray = arr.map((elm) => { // 콜백 함수의 매개변수 return elm * 10; }); console.log(newArray); // findIndex let colors = [ { id: 1, color: "green" }, { id: 2, color: "blue" }, { id: 3, color: "purple" } ]; // findIndex 콜백 함수 let idx = colors.findIndex((elm) => elm.color === "purple"); // 콜백 함수의 매개변수 console.log(idx); // 2 map이나 findIndex는 콜백 함수의 매개변수를 elm만 써서 구분할 수 있는데 forEach는 콜백 함수의 매개변수가 elm, idx, array가 있으면 각 매개변수를 어떻게 구분하나요? 변수명처럼 할당된 이름이 있어서 해당 이름하고 비슷한 이름을 지으면 콜백 함수의 매개변수로 취급하는건가요?

  • javascript
Sec 댓글 1 좋아요 0 조회수 88

배포후 동일한 url 다른 기기 접속

미해결

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

이렇게 노트북으로 배포한 상태에서 동일한 url을 제 휴대폰으로 검색해서 들어가니까 제 휴대폰으로는 데이터들이 안 보이는데 버그인가요?

  • javascript
  • react
  • node.js
  • 카카오공채-개발
최어진 댓글 2 좋아요 0 조회수 91

호이스팅 안쓰는게 좋나요?

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

호이스팅은 웬만하면 안쓰는게 좋나요? ESLint로 호이스팅 막는 경우도 있고, 호이스팅이 안티 패턴이라는 경우도 있네요.

  • javascript
Sec 댓글 2 좋아요 0 조회수 87

함수 선언식과 함수 표현식은 어떤 경우에 쓰면 좋나요?

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

// 함수 선언식 function func() { console.log('hello javascript'); } // 함수 표현식 - function 함수 const func = function() { console.log('hello javascript'); }; // 함수 표현식 - 화살표 함수 const func = () => { console.log('hello javascript'); }; 클래스 내부의 메서드는 함수 선언식이 많았던 거 같고, 일반 함수는 함수 표현식이 많았던 거 같네요. 함수 선언식과 함수 표현식은 어떤 경우에 쓰면 좋나요?

  • javascript
Sec 댓글 2 좋아요 0 조회수 120

한 섹션 내 token 사용량에 대한 질문

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

클로드 pro price 사용중입니다. 이번 과제를 진행하면서 초기화없이 한 섹션?(이 단위를 부르는 명칭을 잘 모르겠네요)에서 진행을 했는데, 약 5~6번의 수정을 거치니 토큰 사용량(current session)이 한도에 도달해버리네요. 미션 템플릿에 따라 처음 plan 요청 후에는, accept edit 모드로 간단하다고 생각되는 수정 사항을 요청했습니다. 수정 내용으로는 1. 블랙+옐로우의 어두운 컬러감 말고 main, secondary 컬러 다시 정해서 밝은 테마, 다채로운 컬러 사용해서 수정해줘 2. 경력 섹션에 카드 형식말고 아코디언 형식의 타임라인 형태로 수정해줘 이런 식으로 두가지 정도씩해서 4~5번 수정사항을 요청했습니다. 매 수정 때마다 거의 10분을 잡아먹드라구요 중간에 clear가 없었던 탓일까요? 토큰 사용 속도가 너무 빠른데. 만약 그렇다면 clear를 중간 중간에 해주면 사용량이 줄어들까요?

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
깅우 댓글 1 좋아요 0 조회수 310

1-7 hooks 강의에서 질문 있습니다.

해결됨

The 10x AI-Native Developer: 회사에서 AI로 압도적 성과를 내는 법

환경 OS: Window 10.0.19045.6466 - WLS 2.6.2.0 - Ubuntu 24.04 Ide: Cursor node : v25.2.1 claude code : v2.0.62 안녕하세요. 1-7 강의 중 질문 사항이 있어서 글 작성 하였습니다. 첫번째 질문은 사소한 것인데 강의에서는 claude --debug 사용 시 claude chat과 동일한 terminal 창에서 debug log가 나타납니다. 근데 제가 위 명령어를 통해 claude를 실행 한 경우에는 별도의 txt 파일을 생성하여 해당 파일에서 로그를 별도로 확인 해야 됩니다. 제가 실습하는 환경에서는 강의 처럼 디버깅 로그를 확인하는 것이 가능할까요? 관련 내용을 gpt나 antropic 공식자료 등을 확인해 보았으나 따로 공식적인 문서는 없는 것 같습니다. 두번째 질문은 dispatcher 훅 패턴 질문입니다. 현상을 먼저 말하자면 SessionStart hook을 명시 할 때는 PreToolUse hook 도 실행 되는데 SessionStart hook을 명시하지 않으면 PreToolUse hook도 실행 되지 않습니다. 강의자료에는 다른 hook 없이 PreToolUse hook만 settings.json에 입력 하도록 되어있었는데 실제로 .env파일을 읽어와서 로깅을 보았을 때 PreToolUse로 찾기를 했을 때 존재하지 않았고 SessionStart hook을 명시할 때는 PreToolUse로 찾기를 했을 때 존재하였습니다. { "hooks": { "SessionStart": [ { "hooks": [ { "type": "command", "command": "echo '✅ 의존성 설치 완료'", "timeout": 300 } ] } ], "PreToolUse": [ { "matcher": "*", "hooks": [ { "type": "command", "command": "node .claude/hooks/dispatcher.js" } ] } ] } } PreToolUse 가 작동함 { "hooks": { "PreToolUse": [ { "matcher": "*", "hooks": [ { "type": "command", "command": "node .claude/hooks/dispatcher.js" } ] } ] } } PreToolUse 가 작동하지 않음 질문글 길이가 제한이 있어서 디버깅 로그는 gpt에서 차이를 대조한 결과 사진으로 첨부합니다. 문제해결은 되었으나 왜 SessionStart를 명시하지 않으면 PreToolUse hook을 찾지 못하는 원인이 무엇인지 의문이 들어서 질문 드립니다.

  • spring-boot
  • next.js
  • 인공지능(ai)
  • ai-활용-(ax)
  • claude
KwangHoon Han 댓글 3 좋아요 0 조회수 162

?. 연산자는 자바스크립트 연산자인가요?

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

const user = { name: "김모씨", address: { city: "서울" } }; // 일반 접근 (에러 위험) console.log(user.address.city); // "서울" console.log(user.phone.number); // 에러! // Optional Chaining (안전) console.log(user.address?.city); // "서울" console.log(user.phone?.number); // undefined (에러 안남!) '7. 연산자'에 ?. 연산자는 따로 언급이 없는거 같네요. ?. 연산자는 자바스크립트 연산자인가요? 아니면 타입스크립트 연산자인가요?

  • javascript
  • typescript
Sec 댓글 1 좋아요 0 조회수 71

JS의 논리 연산자 &&, ||가 리액트의 조건부 렌더링 &&, ||인가요?

해결됨

한 번에 끝내는 자바스크립트: 바닐라 자바스크립트로 SPA 개발까지

// && 사용 - "로그인했으면 보여줘" {isLoggedIn && <Profile />} // || 사용 - "로그인 안했으면 보여줘" {!isLoggedIn || <Profile />} 리액트에서 조건부 렌더링할 때 &&, ||를 씁니다. 이게 자바스크립트의 논리 연산자인 &&, ||와 같은건가요?

  • javascript
  • react
Sec 댓글 2 좋아요 0 조회수 124

개발과 상관없는 이력의 경우

해결됨

포트폴리오 어나더레벨 | 합격하는 이력서 작성법

안녕하세요 강의 잘 듣고 이력서 작성중인 신입 개발자입니다. 제목과 마찬가지로 개발과 상관없는 이력의 경우 쓰는게 좋은가요? 인턴이 끝나고 몇개월정도 개발과 상관없는 서비스직을 했었는데 공백기를 설명하기 위해 적는게 좋을까요? 아니면 따로 적진않고 공백기를 물어보면 그때 답하는게 좋을까요?

  • HTML/CSS
  • javascript
  • python
  • java
  • 포트폴리오
행복한 족제비 댓글 2 좋아요 0 조회수 148

로컬스토리지 에러

미해결

만들면서 배우는 리액트: 컴포넌트 설계와 리팩토링

3(index):1 Uncaught (in promise) Error: Access to storage is not allowed from this context. 이렇게 뜨는데요. 또 로컬 스토리지 보면 들어가긴 하거든요? 왜그럴까요

  • javascript
  • react
  • 리팩터링
김성관 댓글 1 좋아요 0 조회수 145

/clear 한 뒤에 클로드 코드에게 다음 작업을 이어가게 할 때는 보통 어떻게 요청하시나요?

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

/clear 를 한 뒤에 클로드 코드에게 다음 작업을 이어가게 할 때는 보통 어떻게 요청하시나요? 예를 들어, “ CLAUDE.md 파일을 참고해서 다음 단계(결제 기능)을 만들어줘”라고 요청하시는 편인지 궁금합니다!

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
soPP 댓글 1 좋아요 0 조회수 448

"[UPDATED] 클로드 코드 초기 설정" 문의

미해결

클로드 코드 완벽 마스터: AI 개발 워크플로우 기초부터 실전까지

클로드 코드 계정 연결하기 시도시, 클로드 코드 웹사이트에서 아래와 같은 문구가 뜨네요. 클로드 코드에 계정을 연결하려면 최소 claude pro 유료 구독을 해야 할까요? Claude Code에 연결하려면 Claude Max 또는 Pro가 필요합니다

  • react
  • next.js
  • cursor
  • tailwindcss
  • claude
댓글 2 좋아요 0 조회수 410

Window 환경에서의 Hooks 적용 에러문제

해결됨

4주 완성! 10x AI 네이티브 개발자 챌린지

안녕하세요 현재 PreToolUse, PostToolUse 사용 시 제대로 적용이 안되는 문제가 발생하여 질문드립니다. node -v : v22.16.0 claude --version : 2.0.61 (Claude Code) Window 운영체제 로 진행중입니다. 강의와 교재에 나온대로 '디스패처(Dispatcher)' 훅 패턴 적용 시 settings.json과 dispatcher.js를 적용하고 .env와 src/db/migrations/001_create_users.sql 까지 모두 만든 상황에서 테스트를 진행하면 막혀야 하는데 적용되지 않고 그대로 읽어주는거나 수정을 합니다. Claude에게 물어보면 등의 답변을 해주는데.. 환경설정의 문제인지 Window 와 Mac 운영체제의 차이인지 잘 모르겠습니다. (* 심화과정(디스패쳐 훅 패턴) 전부터 이상이 있었습니다.) 또한 강의를 보면 [DEBUG] MCP server "ide": Calling MCP tool: cloaseAllDiffTabs [DEBUG] MCP server "ide": Tool 'closeAllDiffTabs' completed successfully in 32ms 이러한 것이 나오는데 저는 똑같이 cladue --debug로 들어가도 그러한게 안찍히네요.. ㅜㅜ claude 버전문제인지 다른 세팅하는것이 있는지 궁금합니다.

  • spring-boot
  • next.js
  • 인공지능(ai)
  • ai-활용-(ax)
  • claude
Jin K 댓글 2 좋아요 0 조회수 106

데이터사이언티스트 석사 포트폴리오 관련

미해결

포트폴리오 어나더레벨 | 합격하는 이력서 작성법

안녕하세요. 강의 잘 들었습니다. 덕분에 포트폴리오 작성 방향을 잡는 데 많은 도움을 받았습니다. 데이터 사이언티스 포트폴리오 작성과 관련해 몇 가지 질문을 드리고 싶습니다. 프로젝트 대신 논문을 작성해도 괜찮을까요? 석사 과정 동안 프로젝트는 수행한 게 없고 논문만 작성하였습니다. (논문 1개 게재완료, 1개는 하위논문) 이 경우에는 기존 모델 대비 정확도 개선 등 구체적인 수치 기반 성과로 작성하면 적절할까요? 학부 시절 프로젝트가 워드클라우드, 기본적인 시각화 수준이라 프로젝트라고 하기에는 애매합니다. 굉장히 기초적인 데이터 분석이었는데 이런 것도 작성해야할까요? 취업 준비 기간 동안 캐글/데이콘 등 대회 참여, 혹은 백준 알고리즘 티어 상승 등 .. 중 어떤 활동이 데이터 사이언스 포트폴리오에 더 효과적인지 궁금합니다. 이외에도 데이터 사이언티스트 직무 포트폴리오에서 강조해야할 부분이 있다면 말씀해주시면 감사하겠습니다!

  • HTML/CSS
  • javascript
  • python
  • java
  • 포트폴리오
happyji 댓글 2 좋아요 0 조회수 239

인기 태그

인프런 TOP Writers

주간 인기글