inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

2.2 단락평가 11:28

해결됨

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

printName(); 이렇게 매개변수 값을 안줬을때 name 값에 undefine이 들어가는거까지는 이해했습니다. 여기 콘솔로그에서 "person의 값이 없음" 이 뜨는이유를 모르겠어요 ,, name || "person의 값이 없음" 이라면 name은 이미 언디파인이기때문에 그다음 문장이 출력되는걸까요? 그리고 그 다음 printName({name:"정환"}) 여기서 이름이 출력되는 이유도 헷깔려요 ,, const name = person && person.name ; 객체와 객체의 프로퍼티 값 중 왜 프로퍼티 값이 출력되는걸까요? { console.log(name || "person의 값이 없음"); } printName(); // "person의 값이 없음" // undefine 값이 갈때는 name 에 언디파인 값이 가고 콘솔로그에서 undefine || truthy 기때문에 truthy 값이 출력된다

  • javascript
  • react
  • node.js
dlrkxks1028 댓글 2 좋아요 0 조회수 125

일기 관리 기능 구현하기2 부분에 대해 질문이 있습니다.

해결됨

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

case "DELETE" 이 삭제 부분에서도 String으로 item.id와 action.id를 넣어 줬는데 수정에서는 사용자가 숫자나 문자로 사용하기 때문에 String을 사용해 줬다라고 이해하는데 삭제 부분에서는 id 하나를 찾아서 삭제버튼만 클릭하면 삭제가 되는데 이 부분은 왜 String을 사용한것인지 궁금합니다.

  • javascript
  • react
  • node.js
부드러운 족제비 댓글 1 좋아요 0 조회수 147

페이지 클래스리스트 제거 해줬을때

미해결

3D리플릿 만들기 - 인터랙티브 웹 프로젝트

(() => { const leaflet = document.querySelector('.leaflet'); const pagesElem = document.querySelector('.page'); let pageCount = 0; function getTarget(target,className) { while (!target.classList.contains(className)) { target = target.parentNode; if (target.nodeName === 'BODY') { return; } } return target; } leaflet.addEventListener('click', (e) => { let pageElem = getTarget(e.target, 'page'); pageElem.classList.add('page-flipped'); pageCount++; if (pageCount === 2) { document.body.classList.add('leaflet-opened'); } let closeElem = getTarget(e.target, 'close-btn'); if (closeElem) { console.log(pagesElem); closeElem.classList.remove('leaflet-opened'); pageElem.classList.remove('page-flipped'); pageCount = 0; } }); })(); page 첫번째를 선택을 해줘도 close 버튼을 클릭했을때 3번째 페이지의 page-flipped가 제거 되면서 세번째 페이지가 접어 지는데 이유가 뭔가요?

  • HTML/CSS
  • javascript
  • 인터랙티브-웹
samkookji12 댓글 0 좋아요 0 조회수 119

환경변수를 넣고 배포했는데 Azure Functions이 안올라갑니다

해결됨

Azure Native로 나만의 GPT 만들기

먼저 유사한 질문이 있었는지 검색해보세요. 꼭 강의와 관련된 질문이 아니더라도, 최대한 답변해드리겠습니다. 건의사항도 괜찮습니다. 편하게 질문해주세요! FastAPI를 Azure Functions 로 변환하는 강의를 따라 하던 중에 환경변수를 넣었는데 Azure Functions이 안올라갑니다 .. 어떻게 해야될까요? 로컬에서는 포스트맨으로 확인했을 때 다 연결 되었습니다. 그리고 배포도 성공이라고 떴는데 함수만 안 보이네요 ㅠㅠ ++ 1. requirements.txt에 필요한 의존성이 빠져있을 경우 확인 -> requirements.txt 에 확인했을 때 오타가 있어서 오타를 고치고 다시 배포를 해보았지만 함수가 뜨지 않습니다.. 관련 링크 https://www.inflearn.com/community/questions/1337610/azure-function-deploy-%EC%8B%A4%ED%8C%A8 여기를 참고 해서 저도 스토리지가 빈값이라 설정해주었으나 함수가 뜨지 않습니다.. 2. Azure Functions 리소스에 필요한 환경변수가 빠져있을 경우 -> 일단 필요한 3개는 들어가있습니다. 사진 참고 3. 배포 대상이 될 Azure Function이 실행중인지 확인 (실행중이여야 함) -> f5 로 실행 하고 배포 했습니다 4. 그냥 VSCode 재시작 -> 똑같습니다.. ㅠㅠ

  • javascript
  • python
  • mongodb
  • azure
  • FastAPI
동글동글동 댓글 2 좋아요 0 조회수 326

부드러운 움직임 구현1 강의 부분 질문있습니다.

미해결

몇 줄로 끝내는 인터랙티브 웹 개발 노하우 [초급편]

안녕하세요 현재 강의에서 let x = 0; let y = 0; let targetX = 0; let targetY = 0; let speed = 0.03; 이 부분과 x = e.pageX; y = e.pageY; 이 부분 그리고 targetX += (x - targetX) * speed; targetY += (y - targetY) * speed; 이 부분이 왜 작성이 된 것인지 이해가 잘 되지 않습니다.

  • javascript
  • 인터랙티브-웹
부드러운 족제비 댓글 2 좋아요 0 조회수 182

6분 53초 질문입니당

해결됨

웹 프론트엔드를 위한 자바스크립트 첫걸음

src파일이랑 index.html파일 만드실 때, 문자 앞에 아이콘이 있는데, 저는 없습니다. 또한 우측 큰 창에 보면 시작, index.js탭은 있는데 html탭이 없네요,,, 또한 test아래 빈공간 우클릭해서 새폴더 만들기로 src생성 후 html을 만들경우 html이 src 상단으로 올라가는데 정상적인 상황인가요...? 뭔가 설정이 잘못된 건가요...? 스크린샷 파일 첨부 해드립니다 ㅠ

  • javascript
  • dom
ㄱ근 댓글 2 좋아요 1 조회수 133

코드에 대해 질문이 있습니다.

해결됨

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

현재 강의를 너무 잘 듣고 있는 수강생입니다. 강의에 대한 내용은 아니지만 여쭤보고 싶은게 있어 질문을 드립니다. 감정일기 만드는 부분을 따라하면서 코드도 어느정도 이해는 하고 있지만 만약 혼자 이러한걸 만든다고 했을 때 예를 들어 Home 페이지 부분에서 해당 날짜에 작성된 리스트가 나오게 할려고 하면 getMonthlyData함수에 작성된 코드처럼 저렇게 생각도 하지 못할것같고 또 pivotData, data를 이용해야되니 매개변수를 넣으면 되겠다... 하는 이러한 생각도 하지 못할것같은데 어떤 식으로 공부를 하면 감정일기장 뿐만 아닌 다른것도 혼자서 코드를 작성할 수 있고 또 활용도 할 수 있을지 궁금합니다.

  • javascript
  • react
  • node.js
부드러운 족제비 댓글 2 좋아요 0 조회수 171

[세션 10] FindOne 함수 이용해서 하나의 데이터만 찾기에서

미해결

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

http://localhost:3000/posts/:id 를 send하게되면 NotFoundException()이 실행이 되야하는데 이런 에러가 나옵니다 async getPostById(id: number) { const post = await this.postsRepository.findOne({ where: { id, }, }); if (!post) { throw new NotFoundException(); } return post; } 잘 입력한 것 같은데 . 왜그런가요?

  • javascript
  • typescript
  • rest-api
  • nestjs
  • backend
함지현 댓글 2 좋아요 0 조회수 124

Onclick에 화살표 함수가 아닌 함수를 만들어서 작성하는 이유에 대해서 궁금합니다.

해결됨

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

안녕하세요. 강의 잘 듣고 있습니다. 강의를 듣다가 의문이 생겨 질문드립니다. 아래 두 코드는 모두 정상적으로 작동합니다. 그럼에도 불구하고, 두 번째 코드를 사용하는 이유는 혹시 나중에 onDelete 기능에 새로운 로직이 추가될 가능성에 대비하기 위해서인가요? 만약 이 기능이 Props로 전달받은 기능만을 사용한다면, 첫 번째 코드로 작성해도 괜찮은지 궁금하여 질문드립니다. <button onClick={() => {onDelete(id)} }>삭제</button> const onClickDeleteButton = () => { onDelete(id); } return ( //생략 <button onClick={onClickDeleteButton}>삭제</button> );

  • javascript
  • react
  • node.js
이찬원 댓글 2 좋아요 2 조회수 206

일기 관리 기능 구현하기2 강의 질문있습니다.

해결됨

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

현재 일기 관리 기능 구현하기2 부분의 강의를 보고 있는데 강의에서 const DiaryStateContext = createContext(); const DiaryDispatchContext = createContext(); 이렇게 createContext를 두번 작성이 되었고 또 DiaryStateContext는 value로 data를 DiaryDispatchContext는 value로 onCreate, onUpdate, onDelete 이렇게 각각 보내는데 왜 이렇게 두번작성을 하는 것인지 그리고 그냥 DiaryStateContext 이 부분에 value로 data와 onCreate, onUpdate, onDelete 이걸 같이 보내면 안되는건가요?

  • javascript
  • react
  • node.js
부드러운 족제비 댓글 2 좋아요 0 조회수 198

index.css 와 App.css에 대해 질문있습니다.

해결됨

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

안녕하세요 공부를 하다가 index.css 파일과 App.css 이 두개가 조금 헷갈리더라구요. 예를 들어 App.css도 폰트를 적용하면 전부다 적용이 되고 index.css도 똑같이 되는데 그럼 index.css는 어떤부분일때 작성이 되고 App.css는 어떤부분일 때 작성이 되는것인지 궁금합니다

  • javascript
  • react
  • node.js
부드러운 족제비 댓글 2 좋아요 2 조회수 471

6번 샌드위치 문제

미해결

JavaScript 알고리즘 베스트 10

문제를 풀고 풀이를 보는데, 솔루션은 통과하는데, 하나 질문드릴게있습니다. https://paullabworkspace.notion.site/6-7775ee07951a463f8175a5ca924944bd 여기에 있는 테스트 케이스를 돌릴 때 강사님의 풀이로 돌렸을 때, [1,1,1,2,3,4,2,3,4,1] 이 배열이 0으로 나오는데, 테스트 result 배열에는 2가 결과값으로 나와있습니다. 혹시 뭐가 결과인지 알 수 있을까요?? 제가 반복으로 하나씩 그려봤을 때 0이 나오긴하는데.. 0이 맞는건지 2가 맞는거지.. 알려주시면 감사하겠습니다!! { 'que_number': 6, 'testcase': [ [1,2,3,4,1,1,2,3,4], [1,1,1,2,3,4,2,3,4,1], [1,2,3,4,2,3,4,1] ], 'result': [ 1, 2, 0 ] }

  • javascript
  • 코딩-테스트
  • 알고리즘
두뇌풀가동 댓글 0 좋아요 0 조회수 112

모듈파트 초반 진행중 오류

해결됨

자바스크립트 ES6+ 기초 핵심 문법

스크립트 태그에 type="module"지정을 했는데 자바스크립트도 안 불러와지고 (원인: http가 아닌 CORS 요청)이런 오류가 뜨는데 어떻게 해결해야되나요

  • javascript
  • es6
준희 댓글 1 좋아요 0 조회수 214

meta 태그로 적용한 썸네일 이미지가 보이지 않습니다.

해결됨

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

index.html에서 다룬 코드입니다. 경로를 바꿀때마다 vercel --prod로 프로젝트 갱신해서 배포했습니다. meta 태그에서 썸네일 이미지를 표현하는 og:image 프로퍼티와 컨텐츠에 썸네일을 하고 싶은 이미지를 src / assets 파일에 todayfeeling.png 로 저장해놨습니다. 탭 아이콘 표현은 절대 경로로 표현했을 때 비로소 적용이 되었습니다. (강의에서는 href="/favicon.ico"로 표현했지만 저는 강의랑 똑같이 했을 경우에 아이콘이 나타나지않아서 아래 코드와 같이 경로를 추가해서 아이콘을 띄웠습니다.) 썸네일 이미지 때문에 content ="/todayfeeling.png" content ="src/assets/todayfeeling.png" content ="/src/assets/todayfeeling.png" (블로그에 올린 이미지 주소) content ="https://velog.velcdn.com/images/foreveryejin/post/65845dd4-a999-4344-9fb4-3710b07f5a3d/image.png" content ="./src/assets/todayfeeling.png" 여러 경로를 바꿔가면서 해봤는데 안되더라구요. 그래서 다른 포털사이트에서 실제로 사용하는 meta 태그를 긁어와서 사용해봤는데 안되네요... 다른 기능들은 잘 작동하는데 이것만 말썽입니다..! <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <link rel="icon" type="image/svg+xml" href="src/assets/icon.ico" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>오늘 하루 감정</title> <meta property="og:title" content="오늘의 감정" /> <meta property="og:image" content="/todayfeeling.png" /> <meta property="og:description" content="예진이의 오늘의 감정 일기장" /> </head> <body> <div id="root"></div> <script type="module" src="/src/main.jsx"></script> </body> </html> pc : 모바일 : 저의 깃헙 링크입니다! 확인 부탁드립니다. https://github.com/yyejin00/diary-with-emotions 감사합니다.

  • javascript
  • react
  • node.js
예진안 댓글 1 좋아요 0 조회수 334

깃 권한 요청드립니다.

미해결

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념

인프런 닉네임: 놀란 호랑이 인프런 이메일: madeleineluv@kakao.com 깃 이메일: apple380g@gmail.com 깃 닉네임: Hell0Stranger 깃 권한 요청드려요 :)

  • javascript
  • vue.js
놀란 호랑이 댓글 1 좋아요 0 조회수 130

API 관련 질문

해결됨

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

안녕하세요 ! 해당 강의를 듣고 기능은 비슷한데 내용은 조금 다른 홈페이지를 제작해보고 싶어져서 질문 드립니다 ! API를 호출하는 기능은 이해했는데, 강사님이 만드신 API 처럼 저도 직접 간단한 정보를 담은 api 를 만들어보고 싶은데 이 부분은 어떻게 제작하는 지 알 수 있을까요?!

  • javascript
  • rest-api
  • spa
  • dom
지지지지지 댓글 2 좋아요 1 조회수 169

API 관련 질문

해결됨

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

안녕하세요 ! 해당 리액트 강의에서 했던 실습에서는 기능위주? 로 진행해서 궁금증이 생겼습니다 ! 만약 리액트를 사용해서 간단한 정보 공유 웹 사이트를 만든다면 텍스트의 양이 많아지는데 이런 경우에는 파일 내부에 내용을 작성하면 코드가 길어지니, 직접 api 제작하고, 연동하는 게 맞는 거겠죠!?

  • javascript
  • react
  • node.js
지지지지지 댓글 1 좋아요 0 조회수 88

citiList 의 더보기 버튼 함수

해결됨

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

안녕하세요 citiList 에 더보기 버튼이 있는데 handleLoadMore 함수가 더보기 버튼을 클릭했을 때 동작하는 함수인 것 이해했습니다. 근데 해당함수는 citiList 컴포넌트에서만 사용하니까 CitiList.js 에 작성할것으로 예상했는데 App.js 에 작성하셔서 App.js 에서 작성하고 CitiList 로 전달하는 이유가 궁금합니다!

  • javascript
  • rest-api
  • spa
  • dom
찹찹이 댓글 1 좋아요 1 조회수 152

import 코드 에러

미해결

처음 만난 리액트(React)

23번 줄에 왜 에러가 뜨는지 이유를 모르겠습니다 npm을 실행하면 react 창에 다음과 같이 표출됩니다 vscode를 껐다 켜도 동일한 상황이 발생해요

  • HTML/CSS
  • javascript
  • react
dlwlgur37 댓글 1 좋아요 1 조회수 227

prettier 오류

미해결

입문자를 위한, ES6+ 최신 자바스크립트 입문

어느 순간부터 이렇게 뜨면서 prettier가 적용이 안되는데 어떻게 해결할 수 있나요? Error: Cannot find Prettier package.json

  • javascript
  • es6
민지김 댓글 1 좋아요 0 조회수 145

인기 태그

인프런 TOP Writers

주간 인기글