inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

zoom과 fov의 차이점이 잘 이해가 안됩니다.

미해결

React Three fiber(R3F)로 배우는 인터렉티브 3D 웹 개발

섹션3- 3D 구성요소 알아보기 강의 에서 설명주신것중 강의에서는 fov와 zoom의 수치를 감소시키거나 증가시켰을때, 선이라고 해야하나요? Cam이 찍고있는 좁아지고 넓어지는 그 선의 범위가 fov와 zoom이 같은 것 같아서 헷갈립니다! 혹시 어떤 차이가 있는지 알려주실 수 있으실까요?

  • javascript
  • react
  • typescript
  • 인터랙티브-웹
  • three.js
  • webgl
  • react-three-fiber
박주현 댓글 2 좋아요 1 조회수 354

tailwindCss 버전 업그레이드로 인한 질문

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

안녕하세요! next.js 설치 완료후 package.json을 확인해보니 테일윈드가 3.4.1 버전이 아닌 4.0.14 버전이 설치 되어있음을 확인했습니다. 강의 내용과 다른점이 있어 node_modules , yarn lock 삭제후 버전 다운그레이드를 시도해보았지만 자꾸 에러가나서.. 테일윈드 독스를 찾아 새로운 버전을 적용시켰어요 https://tailwindcss.com/docs/installation/framework-guides/nextjs 다만 기존 강의에서는 tailwind.config.js 에서 변수를 설정하는 법을 알려주셨는데.. 그 방법에 대해서는 해결방법을 찾지 못하였습니다. 나만의 변수를 만들어 다양한 컴포넌트에서 재사용하는 방법이 테일윈드의 강의의 쟁점이라고 생각해서. global.css에 변수를 만들어 컴포넌트 스타일에 적용시키는 방법으로 비슷하게는 진행해 보았는데 이렇게 해도 되는 사항 일까요? 또한 강의 후반부에 @layer로 utilities를 만들어 스타일을 적용시키는 부분에서 스타일 자체는 먹지만, 테일윈드 자체에서 제공해주는 반응형 명령어에는 적용이 안돼요 ㅠㅠ 좋은 방법이 있을까요.....

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
홍주미 댓글 2 좋아요 0 조회수 206

코드 누락 제보

해결됨

한 입 크기로 잘라먹는 Next.js

안녕하세요 강사님 깃헙 파일에서 누락된 코드를 확인하였습니다. https://github.com/winterlood/onebite-next/blob/main/section07/chapter03/src/components/review-editor.tsx [변경 전] <input name="bookId" value={bookId} hidden /> [변경 후] <input name="bookId" value={bookId} hidden readOnly/>

  • react
  • typescript
  • next.js
강프로그래머 댓글 2 좋아요 0 조회수 161

no-unused-vars 에러가 발생합니다!

해결됨

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

5.1)실습 준비하기 강의에서 "no-unused-vars":"off", 입력하여 기능을 끈다고 하셨는데 코드를 입력하니까 Duplicate key 'no-unused-vars'. 라고 에러가 발생합니다. 어떻게 해결해하나요??

  • javascript
  • react
  • node.js
sju07305 댓글 1 좋아요 3 조회수 408

에러, 로딩 내용 페이지를 모든 페이지에 다 만드는 이유가 따로 있나요?

미해결

기초부터 배우는 Next YTMusic 클론 코딩 (with next.js 14, UI 마스터)

에러나 로딩을 전역적으로 상태로 봐서 에러나 로딩을 띄우는게 아닌, 페이지별로 전부 다 복붙으로 넣는 이유가 따로 있나요..? 일단 따라해보고있긴 한데, 뭔가 좀 아닌것 같아서 질문 드립니다ㅠㅜ

  • react
  • 인터랙티브-웹
  • 클론코딩
  • next.js
  • tailwindcss
  • zustand
Junho 댓글 3 좋아요 2 조회수 217

https 적용 과정질문

미해결

비전공자도 이해할 수 있는 Nginx 입문/실전

안녕하세요 https 예전에 적용해본적이 있었는데 CA기관과 통신하여 개인키 발급받고 하면서 좀 복잡하게한거랑 AWS에서 인증서 발급하고 도메인주소 cname하면서 https 적용 이렇게 해본적이 있는데 1. Nginx는 실무에서 이렇게 간단하게 https 를 적용하나요? 2. 제가 했던것과 방식과 certbot의 차이 혹시 알수 있나요? 단순히 그냥 방법만 다르고 실상은 똑같은 건지 궁금합니다. 3. 스프링부트만으로 aws에서 배포한 적이 있는데 certbot 적용이 가능한가요?

  • aws
  • nginx
  • reverse-proxy
  • infrastructure
동동이 댓글 2 좋아요 0 조회수 214

프론트엔드 배포 역할 의미

미해결

비전공자도 이해할 수 있는 Nginx 입문/실전

안녕하세요 웹프론트엔드 배포하기가 CDN 역할중 하나인 정적인 컨텐츠를 빠르게 제공하기랑 똑같은 걸로 보면 될까요?

  • aws
  • nginx
  • reverse-proxy
  • infrastructure
동동이 댓글 2 좋아요 1 조회수 173

parsedData를 콘솔에 찍으면 나오질 않고 있습니다.

해결됨

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

안녕하세요. 강의 24분쯤의 내용입니다. parsedData를 콘솔에 찍으면 아무것도 나오지 않고 있습니다. Application에 로컬스토리지에 보면 4개의 데이터가 잘 저장되어있는데요. 인강을 몇번 돌려 봐도 계속 그런 상태인데 제가 뭐 놓치고 있는게 있을까요? function reducer(state, action) { let nextState; switch (action.type) { case "INIT": return action.data; case "CREATE": { nextState = [action.data, ...state]; break; } case "UPDATE": { nextState = state.map((item) => String(item.id) === String(action.data.id) ? action.data : item ); break; } case "DELETE": { nextState = state.filter((item) => String(item.id) !== String(action.id)); break; } default: return state; } localStorage.setItem("dairy", JSON.stringify(nextState)); return nextState; } export const DiaryStateContext = createContext(); export const DiaryDispatchContext = createContext(); function App() { const [data, dispatch] = useReducer(reducer, []); const idRef = useRef(0); useEffect(() => { const storedData = localStorage.getItem("diary"); if (!storedData) { return; } const parsedData = JSON.parse(storedData); console.log(parsedData); }, []);

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

다음 알고리즘의 경우 괜찮은 접근인지 궁금해요

해결됨

38군데 합격 비법, 2026 코딩테스트 필수 알고리즘

1. 현재 학습 진도 몇 챕터/몇 강을 수강 중이신가요? 1- 10 어떤 알고리즘을 학습하고 계신가요? 1 - 10 2. 궁금한 부분 def find_not_repeating_first_character(string): occurrence_array = find_alphabet_occurrence_array(string) for char in string: if occurrence_array[ord(char) - ord('a')] == 1: return char return "_" def find_alphabet_occurrence_array(string): alphabet_occurrence_array = [0] * 26 for char in string: index = ord(char) - ord('a') alphabet_occurrence_array[index] += 1 return alphabet_occurrence_array 딩코딩코 선생님의 풀이와 다르게 반복된 값이 들어 있는 array에서 string의 element를 순회하면서 index의 빈도수를 조회하고 1이면 return 하도록 했는데 괜찮은 접근일까요?

  • python
  • 코딩-테스트
  • 알고리즘
Tommy 댓글 2 좋아요 0 조회수 261

도메인 네임 EC2에 연결하기

미해결

비전공자도 이해할 수 있는 Nginx 입문/실전

강사님 강의를 따라하면서 EC2에 도메인 네임을 연결했는데 Ipv4주소로 들어갈때는 페이지가 잘 나오는데 도메인 네임으로 들어가면 사이트에 연결할 수 없다고 뜹니다 .Route 53에서 레코드 생성하면서 IP 주소를 입력해서 넣었고 저의 EC2 IP주소와 일치하는 것도 확인했습니다. 1. Nginx 서버가 정상적으로 동작하는지 sudo systemctl status nginx 입력하여서 active(running)되는 것을 확인하였고 2. EC2에서 로컬로 접속 가능한지 curl -I http://localhost curl -I http://api.jscode-test.com 각각 입력하여서 200 OK 뜨는것을 확인했습니다. GPT에서는 3번쨰 방법으로 /etc/nginx/conf.d/api.jscode-test.com.conf 파일이 있는지 확인하고, 내용이 올바른지 점검하세요 라고 조언을 주었는데 어떻게 해야하는지 알 수 있을까요?

  • aws
  • nginx
  • reverse-proxy
  • infrastructure
edwin.dkim 댓글 2 좋아요 0 조회수 175

원클릭 배포시 myeks 를 제외한 나머지 설치 불가

해결됨

CloudNet@ - Amazon EKS 기본 강의

안녕하세요~ 좋은 강의 감사합니다. 원클릭 배포를 4장부터 수행하고 있습니다. 4장 myeks 를 포함한 총 9개의 스택이 생성되어야 하는데, myeks 를 제외한 나머지 스택 설치가 안되고 있습니다. 문제 해소를 위하여 가장 최근 문의 내용 중 [ 원클릭 배포 결과가 다릅니다.] 를 참고하여 진행을 하였으며, aws sts get -caller- identity --query Arn 실행 시 CF 시 입력했던 계정으로 되어 있음을 확인 했습니다. CF 에 입력한 AccessKey, SecretKey 의 IAM 계정은 Console Access 접근 권한은 없고 Only CLI 접근 권한이 부여된 계정이며 권한은 AdministratorAccess 만 가지고 있습니다.

  • 네트워크
  • aws
  • kubernetes
  • amazon-eks
  • eks
changju lee 댓글 2 좋아요 0 조회수 132

Airflow Variables 설정

미해결

실리콘밸리 데이터 리더가 알려주는 Airflow 기초

Airflow Variables 설정시 스노우플레이크와 연결을 위한 snowflake_userid, snowflake_password, snowflake_account 설정은 이해를 합니다. 그런데 첫번째인 Country_capital_url 왜 설정하는지 이해가 안갑니다.

  • python
  • sql
  • airflow
  • snowflake
고해양 댓글 2 좋아요 1 조회수 139

서버배포 플랫폼 사용시 중복 등록?

해결됨

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

서버 배포 강의를 들으며 실습 중인데 cloudflare 에서 등록을 한 상태에서 aws 에 등록을 하면 어떻게 되는 건가요? 최신 등록 플랫폼에 종속 되고 이전 플랫폼은 해지 되는 건가요?

  • react
  • aws
  • Google-Analytics
  • cloudflare
  • adsense
  • 수익화
dream have 댓글 1 좋아요 0 조회수 105

코드제공 안되나요?

해결됨

(2025) MBTI 테스트 기반 수익형 웹사이트 만들기 - <코딩 배워 사업하자>

코드 제공은 안되나요? 글씨가 작아서 잘 보이않아요. 화면보고 따라서 작성하기가 힘드네요. 강의자료에 없는거 같아서 여쭤봅니다.

  • react
  • aws
  • Google-Analytics
  • cloudflare
  • adsense
  • 수익화
코딩초보 댓글 1 좋아요 0 조회수 144

기출 23년 2회 38:36 마지막 두번째 take() point--의 적용문제

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

point 0 1 2 3 isWhat 5 6 3 현재 point가 1로 6을 출력한 뒤 마지막 두번째 take()를 하면 return isWhat[point--]는 현재의 isWhat값인 6을 출력한 뒤에 point는 0이 되고, 다시 마지막 take()를 다시하면, return isWhat[point--]로 point 0일 때 isWhat의 값 5를 출력한 뒤에 point -1이 되어 종료되는 것은 아닌가요? 6이 한 번 더 있어야 되는 것은 아닌지 여쭈어 봅니다.

  • python
  • java
  • c
  • 정보처리기사
iwinners 댓글 1 좋아요 0 조회수 94

Error: connect ECONNREFUSED ::1:6379 트러블 슈팅

해결됨

Next + React Query로 SNS 서비스 만들기

문제 발생 : npm run start:dev 시 위와 같은 에러 발생 Error: connect ECONNREFUSED ::1:6379 at TCPConnectWrap.afterConnect [as oncomplete] (node:net:1615:16) { errno: -4078, code: 'ECONNREFUSED', syscall: 'connect', address: '::1', port: 6379 } 문제 원인: Redis 연결 실패 → 애플리케이션이 Redis 서버(포트 6379 )에 연결하려 했지만 거부됨. ECONNREFUSED 오류는 Redis가 실행되지 않거나, 접근할 수 없는 상태 일 때 발생. 문제 해결 : Redis 기본 설정은 IPv6 ( ::1 )을 사용함. IPv4( 127.0.0.1 )로 강제 변경해 해결 localhost 가 아닌 127.0.0.1 로 변경 // .env 기존 코드 REDIS_URL=redis://localhost:6379 // .env 변경 코드 REDIS_URL=redis://127.0.0.1:6379 위 에러 만나고 애쓴 부분 공유합니다. 혹시 잘못된 해결 방법이라면 알려주시면 감사하겠습니다!

  • react
  • next.js
  • react-query
  • next-auth
  • msw
10rlatkdtn 댓글 1 좋아요 2 조회수 358

BOJ 1342 메모리초과 관련

해결됨

세계 대회 진출자가 알려주는 코딩테스트 A to Z (with Python)

from itertools import permutations infos = list(input()) ans = 0 for comb in set(permutations(infos)): ok = True for i in range(0,len(infos)-1): if comb[i] == comb[i+1] : ok = False break ans += ok print(ans) BOJ 1342번 문제를 다음과 같이 풀었는데 계속해서 메모리초과 때문에 오답처리가 나서 질문 남깁니다. permutations가 한 번에 모든 순열을 생성하기 때문에 메모리 문제가 발생한다고 GPT의 답변을 얻을 수 있었으나, 강사님의 풀이 1번에도 permutations가 있는데도 메모리초과가 나지 않고 정답처리가 나서 왜 이런 차이가 나는 지 궁금합니다.

  • python
  • 코딩-테스트
  • 알고리즘
gjwns2044 댓글 2 좋아요 0 조회수 154

[JS 03-1-1] 스크롤-스크롤 실습 관련 질문입니다.

해결됨

[코드캠프] 부트캠프에서 만든 '완벽한' 프론트엔드 코스

window.scrollTo({ top: 0, behavior: "smooth" }); 제 화면은 왜 부드럽게 스크롤 이동이 안되는걸까요? behavior 빠졌을 때와 차이가 없어보여요.. 사용 브라우저는 크롬입니다

  • react
  • react-native
  • 하이브리드-앱
  • graphql
  • next.js
방가워요 댓글 1 좋아요 0 조회수 86

상속 10개 예제 - 유형 5번 질문

해결됨

(2026 최신!) 일주일만에 합격하는 정보처리기사 실기

안녕하세요. Java 상속 10개 예제 파트의 유형 5. 부모 메서드를 오버라이딩하지 않고, 자식에서 새롭게 정의된 메서드를 사용 할 경우에 대해 질문이 있어서 남깁니다. 아직 제가 업캐스팅에 대해 완벽히 이해가 되었지 않았기 때문에 드리는 질문입니다. 업캐스팅이란, 객체 생성 시, 클래스의 타입은 부모 클래스로, 생성자는 자식 생성자로 하는 것이라 배웠습니다. 업캐스팅이 진행 될 경우, 기존 부모 클래스 내부 메서드는 해당 객체에서 활용할 수 있지만, 자식 클래스에서 부모 클래스의 메서드를 오버라이딩 하지 않고, 새롭게 정의한 메서드를 사용할 수 없는 것인가요? 예를 들어, 다음과 같은 코드를 살펴 볼 경우, class Parent { // 부모 클래스의 void형 메서드 show void show() { System.out.println("Parent show"); } } class Child extends Parent { // 자식 클래스의 void 형 메서드 show(int a) // 부모 클래스에 존재하지 않던 메서드를 새롭게 정의한 메서드 void show(int x) { System.out.println("Child show : " + x); } } public class Main { public static void main(String[] args) { Parent p = new Child(); // 업캐스팅으로 생성된 객체 p // p는 참조 타입이 Parent이고, 생성은 Child 생성자에 의해 생성된 객체이다 p.show(); // p.show() -> Child에 없는 메서드 -> Parent에서 해당 메서드 호출 p.show(1); // p.show(1) -> Child에만 있는 메서드 -> 참조 타입이 Parent이기 때문에 컴파일 에러 발생 } } p.show()는 Parent 클래스에서 정의된 메서드 show()를 호출하지만, p.show(1)는 Child 클래스에서만 정의된(Parent 클래스에는 없는) 메서드이기 때문에, 참조 타입에 따라 컴파일 에러가 발생하는 것 같습니다. 아직 제가 업캐스팅을 잘 이해하지 못해서 그런지, 업캐스팅이 없으면 안되는 경우를 제가 모르기 때문인지, 업캐스팅의 이점을 잘 모르겠습니다. 사실 저 경우도 단순히 Child 타입으로 p를 만들었다면 문제 없이 넘어가는 경우이고, 두 번째 자식 클래스의 메서드에서 오버라이딩을 진행한 경우에도 업캐스팅을 사용해야 하나?라는 의문이 들었습니다. class Parent { void show() { System.out.println("Parent show"); } } class Child extends Parent { void show() { System.out.println("Child show"); } void show(int x) { System.out.println("Child show : " + x); } } public class Main { public static void main(String[] args) { Child p = new Child(); p.show(); p.show(1); } } 업캐스팅을 단순히 정처기 실기를 통과하기 위한 하나의 주제로 보는 상황이라 이런 문제가 벌어지는 것 같습니다...ㅠㅠ 혹시 개발 과정에서 업캐스팅이 없으면 안 되는 경우(저처럼 그냥 타입을 Child로 바꿔버리면 안 되는 경우 등)에 대한 예시가 있을까요?? 다양한 문제 상황을 주셔서 여러 고민을 할 수 있는 것 같습니다. 항상 질 높은 강의 감사드립니다!

  • python
  • java
  • c
  • 정보처리기사
김민규 댓글 2 좋아요 0 조회수 108

인기 태그

인프런 TOP Writers

주간 인기글