묻고 답해요
158만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
해결됨[코드캠프] 부트캠프에서 만든 고농축 프론트엔드 코스
날씨 API 코드 오류
const weatherSearch = function (position) { console.log(position); fetch(`https://api.openweathermap.org/data/2.5/weather?lat=${position.latitude}&lon=${position.longitude}&appid=9756434244216c3d2f9c08591b54bede`) } // 위치 정보를 처리하는 함수 const acessToGeo = function (position) { const positionObj = { latitude: position.coords.latitude, // 위도 longitube: position.coords.longitude // 경도 (오타: longitube → longitude) }; console.log(positionObj); // 위치 정보 출력 console.log(position); // 전체 위치 데이터 출력 weatherSearch(positionObj) }; 2.5로 수정햇는데 오류가 뜨네요 어떠한 오류인 지 모르겠습니다 밑 코드는 // DOM 요소 선택 const todoInput = document.querySelector("#todo-input"); // 할 일 입력 필드 const todoList = document.querySelector("#todo-list"); // 할 일 목록 // localStorage에서 저장된 데이터를 불러오기 const savedTodoList = JSON.parse( localStorage.getItem("saved-items") ); /* 문자열로 저장된 데이터를 JSON.parse를 통해 배열로 변환 */ // 새로운 할 일을 생성하는 함수 const createTodo = function (storageData) { let todoContents = todoInput.value; // 입력 필드에서 가져온 값 if (storageData) { todoContents = storageData.contents; // 저장된 데이터가 있으면 그 내용을 사용 } // 할 일을 나타내는 DOM 요소 생성 const newLi = document.createElement("li"); // li 요소 생성 const newSpan = document.createElement("span"); // span 요소 생성 (할 일 내용 표시) const newBtn = document.createElement("button"); // 완료 버튼 생성 // 완료 버튼 클릭 시 해당 할 일을 완료 상태로 변경 newBtn.addEventListener("click", () => { newLi.classList.toggle("complete"); // 완료된 상태를 토글 saveItemsFn(); // 변경 내용을 저장 }); // 할 일을 더블클릭하면 삭제 newLi.addEventListener("dblclick", () => { newLi.remove(); // li 요소 제거 saveItemsFn(); // 변경 내용을 저장 }); // 저장된 데이터가 완료 상태면 완료 표시 추가 if (storageData?.complete) { // 옵셔널 체이닝 사용 newLi.classList.add("complete"); // 완료 클래스 추가 } // 할 일 내용을 span에 추가 newSpan.textContent = todoContents; // li 요소에 버튼과 span을 자식으로 추가 newLi.appendChild(newBtn); newLi.appendChild(newSpan); // 할 일 목록에 li 추가 todoList.appendChild(newLi); // 입력 필드를 비우기 todoContents.value = ""; // 변경된 목록 저장 saveItemsFn(); }; // Enter 키를 눌렀을 때 할 일 추가 const keyCodeCheck = function () { if (window.event.keyCode === 13 && todoInput.value !== "") { createTodo(); // 입력값이 있으면 할 일을 생성 } }; // 전체 삭제 기능 const deleteAll = function () { const liList = document.querySelectorAll("li"); // 모든 li 요소 선택 for (let i = 0; i < liList.length; i++) { liList[i].remove(); // 모든 할 일 제거 } saveItemsFn(); // 변경 사항 저장 }; // localStorage에 저장하는 함수 const saveItemsFn = function () { const saveItems = []; // 저장할 데이터를 담을 배열 // 현재 목록의 할 일들을 객체로 변환하여 저장 for (let i = 0; i < todoList.children.length; i++) { const todoObj = { contents: todoList.children[i].querySelector("span").textContent, // 할 일 내용 complete: todoList.children[i].classList.contains("complete"), // 완료 상태 }; saveItems.push(todoObj); // 객체를 배열에 추가 } // 배열이 비었으면 localStorage에서 데이터 제거, 아니면 저장 saveItems.length === 0 ? localStorage.removeItem("saved-items") // 데이터가 없으면 키 삭제 : localStorage.setItem( "saved-items", JSON.stringify(saveItems) // 배열을 문자열로 변환 후 저장 ); }; // 저장된 데이터가 있으면 불러와 화면에 표시 if (savedTodoList) { for (let i = 0; i < savedTodoList.length; i++) { createTodo(savedTodoList[i]); // 저장된 데이터로 할 일을 생성 } } const weatherSearch = function (position) { console.log(position); fetch(`https://api.openweathermap.org/data/2.5/weather?lat=${position.latitude}&lon=${position.longitude}&appid=9756434244216c3d2f9c08591b54bede`) } // 위치 정보를 처리하는 함수 const acessToGeo = function (position) { const positionObj = { latitude: position.coords.latitude, // 위도 longitube: position.coords.longitude // 경도 (오타: longitube → longitude) }; console.log(positionObj); // 위치 정보 출력 console.log(position); // 전체 위치 데이터 출력 weatherSearch(positionObj) }; // Geolocation API로 사용자 위치 요청 const askForLocation = function () { navigator.geolocation.getCurrentPosition( acessToGeo, // 위치 정보를 가져오면 실행할 콜백 (err) => { console.log(err); // 에러가 발생하면 에러 정보를 출력 } ); }; // 위치 요청 실행 askForLocation();
-
미해결TS/JS 디자인 패턴 with Canvas: 제로초에게 제대로 배우기
[12강] 선언식 + bind vs arrow function 어떤거 선호하시나요?
class의 메서드는 선언식으로 쓰는걸 좋아하는데bind는 쓰기 싫어서 bind 필요한것만 arrow function 쓰면 클래스 메서드가 선언식이랑 표현식 섞인게 뭔가 일관성이 없어보이더라구요.. (섞어쓰면 나중에 이거 bind 필요한 메서드였나? arrow function으로 했었나? 헷갈릴것같기도 하고?)
-
해결됨소프트웨어 업데이트 : Re-Programming 과정에 대한 이해
$34 Response 질문
34서비스에 대한 response로, 74 20 0F FF이 왔다고 가정해보겠습니다.그럼 $36 서비스시, Block당 보낼수 있는 최대 Size가 4095 Byte인가요 아니면 4096Byte인가요?48page, 52page의 설명이 다릅니다.만약 4095byte라면 실제로 첫번째 block에 전송되는 데이터 길이는 4095 - 2 = 4093 byte 인가요? (2는 36 01 총 2byte)
-
미해결실전! 스프링 데이터 JPA
auto-ddl 기능이 안됩니다 ㅠㅠㅠ
[질문 템플릿]1. 강의 내용과 관련된 질문인가요? (예)2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예)3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예)[질문 내용]auto-ddl 기능이 제대로 작동하지 않아서 문의드립니다. 간단한 문제인데 혼자 해결 못해서 죄송합니다. yml 파일 문법은 다 맞는 걸로 보이는데... 혹시 틀린 거 있으면 말씀해주세요 ㅠㅠ spring: datasource: url: jdbc:h2:tcp://localhost/~/datajpa username: sa password: driver-class-name: org.h2.Driver jpa: hibernate: ddl-auto: create properties: hibernate: show_sql: true format_sql: true logging.level: org.hibernate.SQL: debug # org.hibernate.type: trace import jakarta.persistence.Entity; import jakarta.persistence.GeneratedValue; import jakarta.persistence.Id; import lombok.AllArgsConstructor; import lombok.Getter; import lombok.NoArgsConstructor; import lombok.Setter; @Entity @Getter @Setter @NoArgsConstructor @AllArgsConstructor public class Member { @Id @GeneratedValue private Long id; private String username; public Member(String username) { this.username = username; } }혹시 몰라서 Member 엔티티 코드도 남깁니다!! 추가적으로 h2 데이터베이스에는 잘 접속하는 것 같아요 ㅠㅠ
-
미해결[개정판 2023-11-27] Spring Boot 3.x 를 이용한 RESTful Web Services 개발
고양이 소리가 귀엽네요 !!
열심히 듣겠습니다 !!!!!
-
해결됨한 입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지
컴포넌트 렌더링 최적화 관련해서 질문드립니다.
10.3) React.memo와 컴포넌트 렌더링 최적화 강의를 보고, 투두 리스트 아이템에 체크박스를 클릭했을 때,Header 컴포넌트 외에 Editor 컴포넌트도 불필요하게 리렌더링이 되고 있어 리렌더링 되지 않도록 코드를 수정하였습니다.코드를 수정해서 더 이상 리렌더링이 되지 않고 있는데이러한 성능 최적화가 정말 필요한 건지에 대한 의문이 듭니다.거대한 컴포넌트의 경우 불필요한 리렌더링을 막는 것은 정말 필요하고 좋을 것 같은데 Editor 컴포넌트나 Header 컴포넌트 정도의 작은 컴포넌트의 리렌더링도, 불필요하게 일어난다면 막는 것이 좋은 건지 아니면 굳이 최적화가 필요 없는 지 실무 관점에서 궁금합니다.
-
미해결[Rookiss University] UE5 Lyra 클론 코딩 (Haker)
8_2_Portal UserFacingExpereinceLoad를 보고 있는데요.
하라는데로 다 따라 했는데 GetPrimaryAssetIdList에서 DA_ShooterCore_ShooterGym를 못찾아요..디버깅하는데..DA_ExamplePlaylist만 나오네요.
-
미해결파이썬 무료 강의 (활용편3) - 웹 스크래핑 (5시간)
selenium 업그레이드됨... 문법도 바뀜
기존 강의에서elem = browser.find_element_by_id("query")였는데이제는elem = browser.find_element("id","query")이렇게 작성해야함 ㅜㅜ계속 AttributeError 떠서 미치는줄 알았는데 구글링해서 찾다보니 나와서 써보니 문법이 바뀐거였음
-
해결됨CloudNet@ - Amazon EKS 기본 강의
강의 연장 요청드립니다.
곧 강의 수강 기간이 종료되어서요연장부탁드립니다.
-
미해결CSS Flex와 Grid 제대로 익히기
css grid repeat() 에서 autofit 사용시
.grid-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 600px)); /* grid-template-rows: repeat(3, minmax(100px, auto)); */ } </style> </head> <body> <div class="grid-container"> <div class="grid-item">a</div> <div class="grid-item">b</div> <div class="grid-item">c</div>minmax의 최소값은 적용이 안되고 최대값만 적용 되는게 맞나요?
-
해결됨친절한 블렌더 - [LV.2] 모델링 연습
벽을 만들때 솔리디파이가 균일하게 안들어갑니다
세로벽과 가로벽의 크기가 달라지는데 왜일까요?even thickness 체크해도 변화가 없네요요
-
미해결비전공자도 이해할 수 있는 쿠버네티스 입문/실전
인텔텔리제이 관련
안녕하세요 쿠버네티스 강의듣던중 실습보단 프로그램설치를 못따라가서 문의남깁니다. 현재 윈도우에서 쿠버네티스를 사용하고있습니다.인텔리제이는 무료30일이후 라이센스 비용을내는거같은데혹시 yaml 파일을 만들수있는 프로그램이있을까요? 그리고 터미널에서 kubectl 명령어는 인텔리제이에서만 제공하는 기능일까요 ?
-
미해결[매출과 수익성장이 쉬워지는] 실무재무강의
강좌 리스트 오류
1-5) 재무제표 참고 사이트 와1-6) 분석사례 및 분석 핵심지표 영상 내용이 동일한 것 같습니다. 확인 부탁드려요~!
-
미해결[인프랩] 사내 발표/외부강연 모음zip
ttteeesssttt
dddd
-
미해결[deprecated] 인프랩 A to C : 콘텐츠 OJT
test
test
-
해결됨10주완성 C++ 코딩테스트 | 알고리즘 코딩테스트
4-C 질문있습니다
안녕하세요! 강의영상과를 다르게 void형 dfs로 풀긴했는데 왜 어느부분이 문제인지 잘 모르겠습니다..https://www.acmicpc.net/source/share/b115b1f7228b4af78b7cb918eb678018
-
미해결실전! 스프링 부트와 JPA 활용2 - API 개발과 성능 최적화
@JsonIgnore가 실무에서 쓰이는 경우가 있나요?
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.1. 강의 내용과 관련된 질문을 남겨주세요.2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.(자주 하는 질문 링크: https://bit.ly/3fX6ygx)3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.=========================================[질문 템플릿]1. 강의 내용과 관련된 질문인가요? 예2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? 예3. 질문 잘하기 메뉴얼을 읽어보셨나요? 예[질문 내용]안녕하세요. 주문 조회 (/api/v1/simple-orders와 /api/v1/orders) api 학습하면서 궁금한 점이 생겼습니다.강의를 들으며 postman으로 request 했을 때, v1 코드에서 쿼리를 날릴 시 양방향 연관관계에서 문제가 발생할 수 있다는 것을 배웠습니다. 예를 들어, order list를 return했을 때, member와 delivery에 대한 프록시 객체로부터 필드를 조회해서 영속 상태의 객체를 반환하도록 구성한다면 v1에서는 @JsonIgnore로 양방향 연관관계에 대한 처리 코드를 작성해주어야만 이 문제가 해결되는 것으로 이해했습니다. 그런데 Dto를 만들어 반환하게 되면 @JsonIgnore을 없애도 이러한 문제가 사라지니, 사실상 @JsonIgnore을 실무에서 사용하는 일은 없지 않을까라는 생각이 들었습니다. 또한, 실무에서 양방향 매핑보다는 단방향 매핑을 선호하는 것으로 알고 있어 질문드립니다. 실무에서 이런 코드(@JsonIgnore)를 작성할 일이 있다면, 어떠한 경우인 지 예시가 있을까요?
-
해결됨Flutter 응용 - 공공 API를 활용한 앱 만들기 (MVVM 패턴)
기존 코드 mvvm으로 역할 분리하는 기준이 궁금합니다
강의를 통해 학습에 정말 많은 도움을 받고 있습니다. 감사합니다. 처음부터 구조를 잘 잡아서 설계하면 좋겠지만, 역할이 제대로 명시되지 않은 함수들을 각각 repository, service, viewmodel로 역할을 명시해주는 것도 난이도가 있으면서 함수들의 역할을 더 명확히 파악하는 데 도움이 될 것 같아서 파일 하나에 함수를 몰아 놓고 분리해보고 있습니다.혹시 repository, service, viewmodel로 함수를 분리해서 작성할 때, 명확한 기준이 존재할까요??제가 학습한 바로는 repository는 데이터베이스/서버 통신 또는 데이터 불러오기 관련, service는 repository를 활용한 비즈니스 로직, Viewmodel은 service를 활용한 View와의 상호작용이라고 알고 있습니다.제가 아직 비즈니스 로직을 명확하게 구분하기기 어렵습니다..에를 들면 파일 탐색기 실행 > 파일 경로 받기 > 파일 디코딩 > JSON(map)형식 변환 > 데이터 필터링 의 과정이 있다고 가정하면, 여기서 어디까지의 함수를 어디로 분리할 지 감이 오지 않습니다.명확하게 구분할 수 있는 기준이나 팁이 존재한다면 알고 싶습니다!
-
해결됨AB 테스트 실무자 완벽 가이드
결과정리, 해석해주시는 부분에서 질문
안녕하세요, 좋은 강의 감사합니다.결과정리해서 해석해주시는 부분에서 질문이 있습니다.App상에서 Buy CVR 을 구할때 raw data는 어떻게 확보되는건가요? 보통의 케이스에서 클릭이력, 시간 등 database에 저장되게 하여 분석하게되는지 궁금합니다. 정렬 필터 변경이 구매전환율(Buy CVR)에 미치는 영향을 측정하기 위해 사용하시는 특정 분석 도구가 있나요? Google analytics와 같은 별도의 툴을 사용하게 되는지 궁금합니다.
-
미해결[리뉴얼] 맛집 지도앱 만들기 (React Native & NestJS)
TypeError: Cannot read property 'Never' of undefined 에러 문의
강사님 [2-5]Drawer Navigation 오류 관련으로 문의드립니다. 오류 관련으로 커뮤니티와 공식문서에 했고 답변내용으로 해결보려고 했는데 잘안되네요.. 확인 부탁드립니다. 1.npm i react-native-reanimated@3.3.0 변경2.'react-native-reanimated/plugin', 넣기 yarn start --reset-cache 3.node모듈 폴더 삭제후 재 설치 ERROR TypeError: Cannot read property 'Never' of undefinedThis error is located at: in Drawer (created by DrawerViewBase) in DrawerViewBase (created by DrawerView) in RNCSafeAreaProvider (created by SafeAreaProvider) in SafeAreaProvider (created by SafeAreaProviderCompat) in SafeAreaProviderCompat (created by DrawerView) in DrawerView (created by DrawerNavigator) in PreventRemoveProvider (created by NavigationContent) in NavigationContent in Unknown (created by DrawerNavigator) in DrawerNavigator (created by MainDrawerNavigator) in MainDrawerNavigator (created by RootNavigator) in RootNavigator (created by App) in ThemeProvider in EnsureSingleNavigator in BaseNavigationContainer in NavigationContainerInner (created by App) in App in RCTView (created by View) in View (created by AppContainer) in RCTView (created by View) in View (created by AppContainer) in AppContainer in MatzipApp(RootComponent), js engine: hermes ❗질문 작성시 꼭 참고해주세요현재 문제(또는 에러)와 코드(또는 github)를 첨부해주세요. 맥/윈도우, 안드로이드/iOS, ReactNative, Node 버전 등의 개발환경을 함께 적어주시면 도움이 됩니다. 에러메세지는 일부분이 아닌 전체 상황을 올려주세요. (일부만 자르거나 복사하지말아주세요.) 개발환경/코드에 대한 정보가 없을경우 답변이 어렵습니다.