inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

묻고 답해요

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

레이어 팝업 '닫기' 가 안됩니다

미해결

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

<!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <title>A1~A4레이아웃 연습</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <header> <div class="logo"></div> <div class="manu"></div> </header> <div class="silde"> <div></div> </div> <div class="items"> <div class="news"> <div class="tab-inner"> <div class="btn"> <a href="#none" class="active">공지사항</a> <a href="#none">갤러리</a> </div> <div class="tabs"> <div class="tab1"> <a class="open">SNS 발송 서비스 개선작업<b>2020.01.09</b></a> <a href="#none">휴대폰 인증 서비스 개선 작업<b b>2020.01.07</b></a> <a href="#none">카드사 부분 무이자 할부 이벤트<b>2019.12.31</b></a> <a href="#none">올엣 시스템 작업 안내<b>2019.12.20</b></a> <a href="#none">휴대폰 결제 시스템 작업 안내<b>2019.12.20</b></a> </div> <div class="tab2"> <a href="#none"><img src="image/1.jpg" alt="garllery1"></a> <a href="#none"><img src="image/2.jpg" alt="garllery2"></a> <a href="#none"><img src="image/3.jpg" alt="garllery3"></a> </div> </div> </div> </div> <div class="banner"></div> <div class="nav"></div> </div> <footer> <div class="copy"> <div class="copy2"></div> <div class="copy3"></div> </div> <div class="logo2"></div> </footer> <div class="model"> <div class="model-content"> <h1>SNS비회원주문하기 종료 안내</h1> <p>안녕하세요. JUST 쇼핑몰 MD 홍길동입니다. 안타깝게도 SNS비회원 주문하기 서비스가 한달 뒤 종료될 예정입니다. 회원가입 없이 SNS계정을 이용해 그동안 제품주문을 하실수 있었는데, 금번 강화된 개인정보보호법 시행령 제 9조 (부칙 3조)에 의거, SNS를 이용한 상품 주문/결제등이 근래에 많은 보안잇슈로 문제가 되고 있음에 따라 KISAS의 권고조치의 일환으로 했습니다. 따라서, 한달뒤인 2019.03.10 이후 모든 비회원 고객님들께서는 회원가입으로 전환 후 실명인증이 되어야 하며, 이는 모든 쇼핑몰/오픈마켓등의 전자상거레서비스의 공통된 사함이라는 점을 안내드립니다. </p> <a class="close-model">X 닫기</a> </div> </div> </div> <script src="js/jquery-1.12.4.js"></script> <script src="js/costom.js"></script> </body> </html> .container{ border: 1px solid #111; width: 1200px; margin: auto; } header{ width: 1200px; height: 100px; background-color: #222; } header div{ height: 100px; } .logo{ width: 170px; background-color: #333; float: left; } .manu{ width: 700px; background-color: #444; float: right; } .silde{ height: 300px; background-color: #555; } .items{ /* height: 200px; */ overflow: hidden; } .items>div{ display: inline-block; height: 200px; float: left; } .news{ width: 400px; background-color: #666; } .tab-inner{ margin: 5px 10px; } .btn{ } .btn .active{ background-color: #fff; } .btn a{ width: 100px; height: 50px; background-color: #888; border: 1px solid #000; display: inline-block; text-align: center; color: #111; text-decoration: none; box-sizing: border-box; padding: 13px 0; border-radius: 5px 5px 0 0; margin-left: -5px; border-bottom: none; cursor: pointer; } .tabs{ background-color: #fff; height: 145px; border: 1px solid #000; margin-left: -5px; margin-top: -1px; } .tab1 a.open{ cursor: pointer; } .tab1 a{ color: #000; text-decoration: none; box-sizing: border-box; border-bottom: 1px solid #000; display: block; margin: 3px; } .tab1 a:last-child{ border-bottom: none; } .tab1 a b{ float: right; font-weight: normal; } .tab2{ display: none; } .tab2 a{ box-sizing: border-box; display: inline-block; padding: 17px 0; margin-left: 10px } .tab2 img{ width: 110px; } .banner{ width: 400px; background-color: #777; } .nav{ width: 400px; height: 200px; background-color: #888; } footer{ height: 100px; background-color: #999; } footer> div{ float: left; height: 100px; } .copy{ width: 1030px; } .copy> div{ width: 1030px; height: 50px; } .copy2{ background-color: #444; } .copy3{ background-color: #777; } .logo2{ width: 170px; background-color: #222; } .model{ position: absolute; left: 0; top: 0; background-color: #00000028; width: 1200px; height: 700px; margin: 7px; display:block; display: none; } .model-content{ position: absolute; left: 50%; top: 50%; background-color: #fff; width: 500px; height: 400px; border: 1px solid #000; transform: translate(-50%,-50%); box-sizing: border-box; } .model-content h1{ color: #fff; background-color: #000; width: 450px; display: inline-block; text-align: center; margin: 25px; } .model-content p{ line-height: 26px; text-shadow: 0 0 3px #0000003d; text-align: center; } .close-model{ background-color: #000; width: 90px; height: 40px; display: inline-block; float: right; color: #fff; text-align: center; box-sizing: border-box; margin: 12px; padding: 6px; cursor: pointer; } $('.btn a:first-child').click(function(){ $('.tab1').show() $('.tab2').hide() $(this).addClass('active') $(this).siblings().removeClass('active') }) $('.btn a:last-child').click(function(){ $('.tab2').show() $('.tab1').hide() $(this).addClass('active') $(this).siblings().removeClass('active') }) $('.open').click (function(){ $('.model').fadeIn() }) $('.close-model').click (function(){ $('.mode1').fadeOut() }) 코드를 보내드립니다

  • HTML/CSS
  • jquery
  • 웹-디자인
sujin12345kim 댓글 1 좋아요 1 조회수 86

set 질문

해결됨

[왕초보] [누적 5,000명+] Python 프로그래밍 기초 완성 로드맵

set1.update([11,13]) print(set1)의 경우 출력값이 {1,2,3,4,5,6,11,13}으로 나오는데 [11,13]은 리스트의 요소값이니 {1,2,3,4,5,6,[11,13]}로 이해하고 답변을 예상했으나 틀렸습니다. 학습에서 어떤 부분이 오류일까요? 도움 부탁 드립니다.

  • python
  • 머신러닝
  • 빅데이터
  • 인공지능(ai)
  • ax(에이전트-경험)
나연 댓글 2 좋아요 2 조회수 84

딕셔너리 반복자 질문

해결됨

[왕초보] [누적 5,000명+] Python 프로그래밍 기초 완성 로드맵

딕셔너리의for 반복자문은 변수가 항상 키 값으로 고정되어 활용되므로 다음줄에 들여쓰기 후 반복하고자 하는 내용을 생성할 때고 변수인 키값을 활용한 내용만 생성 가능한가요?

  • python
  • 머신러닝
  • 빅데이터
  • 인공지능(ai)
  • ax(에이전트-경험)
나연 댓글 1 좋아요 2 조회수 74

클래스 질문

해결됨

[왕초보] [누적 5,000명+] Python 프로그래밍 기초 완성 로드맵

클래스의 생성자 강의 내용 중에서, 1. 젤리 리스트 형식에서 jelly=[teddy_jelly('red', 'strawberry'), teddy_jelly('yellow','lemon')]의 teddy_jelly('red', 'strawberry') 이 부분은 함수의 인수로 이해하면 될까요. 그것을 젤리라는 변수에 담은 것으로요. 2. 그리고 jelly인스턴스 속성에 접근하는 방법에서 print(jelly[0].color)는 위의 리스트에서 0번째 위치의 color값을 의미할텐데 .color의 형식이 함수의 표기와 비슷합니다. 이 부분이 맨 위 매소드 작성 시 self.color=color라고 작성한 부분과 관련이 있는지, 아니면 그냥 단순 작성 규칙인 지 질문드립니다.

  • python
  • 머신러닝
  • 빅데이터
  • 인공지능(ai)
  • ax(에이전트-경험)
나연 댓글 1 좋아요 2 조회수 80

4.6강 초기 로딩 속도 케이스 비교

해결됨

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

4.6강 초기 로딩 속도 케이스 비교 세가지 케이스를 적어주셨는데 case1, case3이 같은 건가요? 제가 이해를 못한 건가 싶어서 세 번 돌려봤는데 같아 보여서요.

  • react
  • 인터랙티브-웹
  • 클론코딩
  • next.js
  • tailwindcss
  • zustand
보노보노 댓글 2 좋아요 0 조회수 104

애플리케이션 새 항목 추가

해결됨

[말 한마디로 뚝딱!] AI와 함께 나만의 수익화 웹사이트를 만드는 법

실행/디버그 구성하는 부분에서 갑자기 메인 클래스 부분이 jh로 변경되어 있고 파일 구조를 보면 jhApplication도 이미 생성되어 있는데 어떻게 하신건가요? 끊김제거 및 추가 설명 강의에서도 이 부분이 없습니다

  • HTML/CSS
  • java
  • mysql
  • php
  • ai-활용-(ax)
댓글 2 좋아요 0 조회수 102

섹션2 퀴즈 정답 이상함..( Docker 핵심구성요소가 아닌 것)

해결됨

React & FastAPI로 만드는 투표 커뮤니티 플랫폼: 결제 시스템으로 수익화까지!

섹션2 퀴즈에 Docker 핵심 구성요소가 아닌 것에서 답이 잘못 되어 있는 것 같네요. 해설은 Volume 이라고 하면서 막상 답은 Docker Container 를 선택해야 정답이라고 하는군요..

  • react
  • mysql
  • docker
  • rest-api
  • FastAPI
Edwards 댓글 1 좋아요 0 조회수 90

eas update 시 build에서 채널이 안보임

해결됨

React Native with Expo: 제로초에게 제대로 배우기

✘ chaejinjeong 😝  ~/Desktop/lukas/Study/reactnative/zerocho/threads  ↱ main ±  eas update --channel development --message "fix: apiUrl" [expo-cli] env: load .env [expo-cli] env: export KAKAO_NATIVE_KEY [expo-cli] Starting Metro Bundler [expo-cli] iOS ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1879/1883) [expo-cli] Android ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1886/1886) [expo-cli] iOS ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1884/1884) [expo-cli] Android ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1886/1886) [expo-cli] Android Bundled 8190ms index.ts (1886 modules) [expo-cli] iOS ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1884/1884) [expo-cli] Android ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1886/1886) [expo-cli] iOS ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1884/1884) [expo-cli] iOS Bundled 12572ms index.ts (1884 modules) [expo-cli] iOS ./index.ts ▓▓▓▓▓▓▓▓▓▓▓▓▓▓▓░ 99.9% (1884/1884) [expo-cli] Creating asset map [expo-cli] [expo-cli] › Assets (54): [expo-cli] assets/images/avatar.png (17.5 kB) [expo-cli] assets/images/react-logo.png (3 variations | 13.9 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/AntDesign.ttf (70.3 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/Entypo.ttf (66.2 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/EvilIcons.ttf (13.5 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/Feather.ttf (56.2 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome.ttf (166 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome5_Brands.ttf (134 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome5_Regular.ttf (33.7 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome5_Solid.ttf (203 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome6_Brands.ttf (209 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome6_Regular.ttf (68 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/FontAwesome6_Solid.ttf (424 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/Fontisto.ttf (314 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/Foundation.ttf (57 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/Ionicons.ttf (443 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/MaterialCommunityIcons.ttf (1.15 MB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/MaterialIcons.ttf (357 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/Octicons.ttf (49.4 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/SimpleLineIcons.ttf (54.1 kB) [expo-cli] node_modules/@expo/vector-icons/build/vendor/react-native-vector-icons/Fonts/Zocial.ttf (25.8 kB) [expo-cli] node_modules/@react-navigation/elements/lib/module/assets/back-icon-mask.png (653 B) [expo-cli] node_modules/@react-navigation/elements/lib/module/assets/back-icon.png (8 variations | 359 B) [expo-cli] node_modules/@react-navigation/elements/lib/module/assets/clear-icon.png (4 variations | 425 B) [expo-cli] node_modules/@react-navigation/elements/lib/module/assets/close-icon.png (4 variations | 235 B) [expo-cli] node_modules/@react-navigation/elements/lib/module/assets/search-icon.png (7 variations | 592 B) [expo-cli] node_modules/expo-router/assets/arrow_down.png (9.46 kB) [expo-cli] node_modules/expo-router/assets/error.png (469 B) [expo-cli] node_modules/expo-router/assets/file.png (138 B) [expo-cli] node_modules/expo-router/assets/forward.png (188 B) [expo-cli] node_modules/expo-router/assets/pkg.png (364 B) [expo-cli] node_modules/expo-router/assets/sitemap.png (465 B) [expo-cli] node_modules/expo-router/assets/unmatched.png (4.75 kB) [expo-cli] [expo-cli] › android bundles (2): [expo-cli] _expo/static/js/android/index-76e11ae11c34c3503a6dbd90ed0b7a03.hbc (5.82 MB) [expo-cli] _expo/static/js/android/index-76e11ae11c34c3503a6dbd90ed0b7a03.hbc.map (14.5 MB) [expo-cli] [expo-cli] › ios bundles (2): [expo-cli] _expo/static/js/ios/index-4cdfeb96d45c0edbe3d45931022e8005.hbc (5.82 MB) [expo-cli] _expo/static/js/ios/index-4cdfeb96d45c0edbe3d45931022e8005.hbc.map (14.5 MB) [expo-cli] [expo-cli] › Files (2): [expo-cli] assetmap.json (25.4 kB) [expo-cli] metadata.json (6.42 kB) [expo-cli] [expo-cli] Exported: dist ✔ Exported bundle(s) ✔ Uploaded assetmap.json ⠇ Uploading (0/56)(node:12056) [DEP0044] DeprecationWarning: The util.isArray API is deprecated. Please use Array.isArray() instead. (Use node --trace-deprecation ... to show where the warning was created) ✔ Uploaded 2 app bundles ✔ Uploading assets skipped - no new assets found ℹ 50 iOS assets, 50 Android assets (maximum: 2000 total per update). Learn more about asset limits ✔ Computed project fingerprints ✔ Published! Branch development Runtime version 1.0.0 Platform android, ios Update group ID 36193c9d-e3cb-43b3-abb0-1b0a945b68af Android update ID 4c505558-7e8e-4837-89eb-67c40f4d84ce iOS update ID d1473ce0-3b64-4d6a-a907-c14cb46ac87b Message fix: apiUrl Commit 53e7e483149d3a1c11158dc6d82e1d275d1817dd* EAS Dashboard https://expo.dev/accounts/lukasdiego/projects/threads/updates/36193c9d-e3cb-43b3-abb0-1b0a945b68af No compatible builds found for the following fingerprints: iOS fingerprint: 0ccba201890a2a4b134bfc3a01a91979c8c32e83 URL : https://expo.dev/accounts/lukasdiego/projects/threads/fingerprints/0ccba201890a2a4b134bfc3a01a91979c8c32e83 Android fingerprint: 676271bcdf365731eeac1b2652140fffb81ea64f URL : https://expo.dev/accounts/lukasdiego/projects/threads/fingerprints/676271bcdf365731eeac1b2652140fffb81ea64f chaejinjeong 😝  ~/Desktop/lukas/Study/reactnative/zerocho/threads  ↱ main ±  eas update 는 된 것 같은데 Builds에서는 안보이네요 업데이트가 잘 못 된걸까요 ? 우선 commit들은 확인이 됩니다.

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
정채진 댓글 1 좋아요 0 조회수 129

orbit으로 install 후 npm run android에서 에러

미해결

React Native with Expo: 제로초에게 제대로 배우기

Error: adb: failed to install /Users/chaejinjeong/Desktop/lukas/Study/reactnative/zerocho/threads/android/app/build/outputs/apk/debug/app-debug.apk: Failure [INSTALL_FAILED_UPDATE_INCOMPATIBLE: Existing package com.lotto.threads signatures do not match newer version; ignoring!] 현재 npm run android 시 이런 에러를 겪고 있습니다.. 혹시 어떤게 잘 못 된걸까요 ? 앱을 삭제했습니다 orbit으로 다시 instsall 했습니다

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
정채진 댓글 2 좋아요 0 조회수 120

eas update:configure

미해결

React Native with Expo: 제로초에게 제대로 배우기

eas configure 성공하려면 app.config.js 가 아니라 app.json으로 있어야하나요 ?

  • react
  • react-native
  • 하이브리드-앱
  • typescript
  • expo
정채진 댓글 3 좋아요 0 조회수 135

섹션 3 BOJ 1342 //= 연산자 관련

해결됨

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

안녕하세요, 코드 마지막에 순열의 중복 제거를 위한 로직을 for i in range(...): ans //= fact(S.count(chr(i))) 아래처럼 직접 분모를 먼저 구하는 방식으로 구현하고 대입했는데 채점에서 풀이가 틀렸다고 나옵니다. deno = 1 for i in range(...): deno *= S.count(chr(i))) ans = int(ans/deno) 순열 공식상 순열의 개수 ans/deno는 항상 정수가 나옴이 자명함에도 왜 //=를 써야 정답이 되는지 궁금합니다.

  • python
  • 코딩-테스트
  • 알고리즘
Jespy 댓글 3 좋아요 0 조회수 121

MODULE_NOT_FOUND 오류

해결됨

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

code: 'MODULE_NOT_FOUND', requireStack: [ 'C:\\Users\\CompanyWebsite\\backend\\index.js' ] } Node.js v22.17.0 [nodemon] app crashed - waiting for file changes before starting... app . use ( "/api/auth" , userRoute ); 라우트 구성 후 thunder client로 apt 테스트 시 발생하는 오류입니다.

  • HTML/CSS
  • javascript
  • react
  • node.js
  • mongodb
yosemyti 댓글 3 좋아요 0 조회수 184

npx 명령어 사용 불가

미해결

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

안녕하세요. ls를 할 경우 소스파일들이 보이지 않습니다. 혹시 어떤 경로로 이동하면 될까요?

  • javascript
  • react
ziumks 댓글 1 좋아요 1 조회수 95

자바스크립트 이해도

해결됨

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

자바스크립트 부분이 끝났는데, 혹시 자바스크립트에 대한 이해도는 어느 정도로 되어야 하나요,테스트 해볼 수 있는 방법이 있을까요?(미션 퀴즈를 혼자 처음부터 못 풀면 다시 복습하고 혼자 할 수 있을때까지 하는게 답 안 보고 하는게 맞을까요?) 다음 챕터로 넘어가기전에 확인하고 싶어서 질문합니다 🙂 !

  • javascript
  • react
das mi 댓글 1 좋아요 0 조회수 150

그래프

미해결

코딩테스트 [ ALL IN ONE ]

그래프 1번 문제는 for문 2번을 사용하는데 그래프 2번은 왜 for문을 2번을 안하는걸까??

  • python
  • 코딩-테스트
  • 알고리즘
김옥윤 댓글 2 좋아요 0 조회수 120

그랩님, 해결되지 않은 에러 메시지 [꼭] 답변 부탁 드립니다.

해결됨

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

그랩 선생님, 좋은 강의 만들어 주셔서 잘 듣고 있습니다. 그런데 아무리 해도 에러가 나는 것을 해결하지 못하고 있어 2주 이상 진도를 나가지 못하고 있어 부득이하게 질문을 여러번 올리게 됩니다. 현재 [그랩마켓] React로 웹 개발하기 -2 듣고 있는데요 , 1. 그랩 선생님 소스 코드와 동일 하게 아래 작성한 index.js 소스 첨부 하는데요, 실행 하면 , 1초 동안 잠깐 판매되는 상품들 이미지 없이 전체 페이지 뜨다 바로 아래 첨부한 그림과 같이 에러가 발생 합니다. 이 에러는 어떻게 해결 할 수 있을까요? -------- 2. index.js 소스 아래에 작성 첨부 합니다. import './index.css'; import axios from "axios"; import React from 'react'; function MainPage(){ const [products, setProducts]=React.useState([]); React.useEffect( function(){ axios.get("이곳에는 제 mock 목 서버 주소를 넣었습니다/products") .then(function(result){ const products=result.data.products; setProducts(products); }).catch(function(error){ console.error("에러 발생:",error); }); },[]); return ( <div> <div id="header"> <div id="header-area"> <img src="../images/icons/logo.png" /> </div> </div> <div id="body"> <div id="banner"> <img src="../images/banners/banner1.png" /> </div> <h1>판매되는 상품들</h1> <div id="product-list"> { products.map(function(product, index){ return ( <div className="product-card"> <div> <img className="product-img" src={product.imageUrl} /> </div> <div className="product-contents"> <span className="product-name">{product.name} </span> <span className="product-price">{product.price}원 </span> <span className="product-seller"> <img className="product-avatar" src="../images/icons/avatar.png" /> <span>{product.seller}</span> </span> </div> </div> ); }) } </div> </div> <div id="footer"></div> </div> ); } export default MainPage; 그리고, 추가적으로 아래 그랩님 답변 본 뒤 다시 시도해 본 후 질문이 있어 추가적으로 글을 적습니다. 현재 postman을 실행하고요, 제 해당 목 mock 서버 주소를 입력 후 끝에 /products까지 하면요, 아래와 첨부한 사진과 같이 잘 데이터를 받아오는 것 같은데요, 위에 에러 화면이 그대로 표시되어 어떻게 해결해야 하는지 방법을 모르겠습니다. 조금 구체적으로 어떻게 해결해야 하는지 단계별로 친절한 설명 부탁 드립니다 위에는 mock 서버인 postman(포스트맨) 화면이고요, 아래는 크롬 브라우저 에러 메시지를 첨부합니다. 참고> app.js 소스 첨부합니다. import logo from './logo.svg'; import './App.css'; import MainPage from "./main/index.js" function App() { return ( <div> <MainPage /> </div> ); } export default App; 또한 만약 그랩님께서 제 소스를 보시고 수정하여 에러가 해결된 완성된 index.js 소스가 있다면요, 최종 완성 된 수십 줄의 소스 코드 를 아래 답변 댓글에 길더라도 다 첨부해주시면 완성된 소스 코드를 그대로 복사하여 vs code에 붙여 넣기 하고 싶은데요 , 아래 답변 글에 남겨주시면 감사하겠습니다. ------------------------------------------------------------------------------------------------- 그리고, 아래 글에 나와 있는 답변데로, TypeError: Cannot read properties of undefined (reading ‘map’) 해결 방법 서버 데이터 문제로 인한 map 함수 에러 고치기 React 데이터 바인딩과 undefined 에러 처리 위 해결책의 코멘트와 답변 대로 수정해 보아도 에러가 해결 되지 않았습니다. 어떻게 해결 해야 하는지요? 빠른 답변 부탁 드립니다.

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

공지사항과 갤러리 탭(안)구성 중 마우스 클릭시 색상변경이 안됩니다.

미해결

[2026년 출제기준] 웹디자인개발기능사 실기시험 완벽 가이드

마우스 클릭 갤러리 마우스 클릭 공지사항 .js .html .css 세번 정도 다시 해보고 class명까지 바꿔가며 확인을 했지만 도저히 찾을 수가 없어요 이상하게 .js가 아예 안되는 것도 아니고 배경색만 바뀌지 않습니다 제가 보기엔 .btn a.active 가 .js로 입력이 안되는 것 같은데 정말 궁금하네요!

  • HTML/CSS
  • jquery
  • 웹-디자인
sujin12345kim 댓글 2 좋아요 1 조회수 112

로드맵 질문있습니다!

미해결

파이썬 무료 강의 (기본편) - 6시간 뒤면 나도 개발자

현재 비전검사 프로젝트를 맡고 있어서 파이썬 기본부터 다지고 있습니다. 혹시 모든 로드맵을 다 완주 해야 하는지요? 기본편 듣고 바로 openCV, 딥러닝 들어도 상관없을까요?

  • python
김민서 댓글 2 좋아요 0 조회수 115

지피티 프롬프트

미해결

퇴근 2시간 당기는 자동화, 코딩 몰라도 됩니다

지피티 프롬프트에 어떤 명령을 넣어서 메일로 받는 리포트를 구성했는지 궁금합니다.

  • python
  • excel
  • no-code
  • n8n
  • 인공지능(ai)
지안아빠88 댓글 1 좋아요 0 조회수 197

context를 사용하니 Editor 컴포넌트 최적화가 풀리는 이유

해결됨

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

안녕하세요. 강의 잘 듣고 있습니다. context 를 사용하기 전 코드에서 export default memo(Editor); Editor 컴포넌트에도 memo 를 사용해서 TodoItem 의 수정/삭제로 인해 계속 리렌더링되는 것을 막는 최적화를 했었는데요. context를 사용하고 나니까 Editor 컴포넌트의 최적화가 풀리는 이유가 궁금합니다. useCallback 과 useMemo 를 사용해서 함수를 App 컴포넌트가 마운트 될 때 한번만 생성하고 3개의 함수를 묶은 객체도 다시 생성되지 않도록 만들었는데, Editor 컴포넌트는 컨텍스트에서 onCreate 함수만 받아서 사용하고 있는데, 왜 리렌더링이 발생하나요? 챗지피티에 질문을 했더니, " props 가 없는 상태에서 useContext 만 쓰고 있으면 memo 는 props 비교를 하지 못해서 무조건 리렌더링 발생한다" 라고 하는데 맞는 말인가요? 맞는 말이라면 설명 좀 부탁드립니다.ㅠㅠ

  • javascript
  • react
  • node.js
junghyun 댓글 3 좋아요 0 조회수 130

인기 태그

인프런 TOP Writers

주간 인기글