// 함수선언 함수를 생성하는 것 function greeting(){ console.log("안녕하세요"); } greeting(); let area1 = getArea(20, 30); console.log(area1); getArea(40, 200000); // 함수 호이스팅 // -> 끌어올리다 라는 뜻. //함수가 선언되는 순서는 중요하지 않다! function getArea(width, height){ function another(){ //증첩함수 console.log('another'); } another(); let area = width*height; // console.log(area); return area; <------------------------- 여기 return이 반환값이라고 하셨잖아요. getArea(40, 200000) = area 와 같다고 생각하면 되는거죠? 그리고 그걸 화면에 출력하기 위해서는 꼭 변수에 담아야 하는거죠? 그건 알겠는데 왜 변수에 담아야 나오는 건지 궁금합니다!! }
ch-7-2에서 포스트 상세 조회 router 안에서 ipify.org api를 호출하는데 포스트 상세 조회 API를 클라이언트에서 호출할 경우 서버에서 ipify.org api를 호출하기 때문에 의도한바와 다르게 서버 ip 주소가 나오고 클라이언트 IP는 req.ip를 통해서만 얻을 수 있지않나요?? const response = await axios.get("https://api.ipify.org?format=json"); ip = response.data.ip;
[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)
안녕하세요. 수강생입니다. 혹시 수업에 사용중이신 Cursor가 버전이 어떻게 되나요. 저는 1.5.9 버전인데 커서 핵심 기능과 Rules 설정하면이 좀 달라서요. 프로젝트 Rules 화면도 다르고 Add Rule시 제가 사용하는 버전은 아래와 같이 나옵니다. 어떤 Rules를 설정을 해야할지 답변 부탁드립니다. 감사합니다.
2.13) 비동기 작업 처리하기 2. Promise 강의에서, if 문을 활용한 타입 검증 시 오류인 상황(else) 에서의 reject 가 정상 동작하지 않습니다. /* Promise */ const promise = new Promise((resolve, reject) => { // 비동기 작업 실행 함수 : executor setTimeout(() => { let num = 10; num = '10'; console.log(num); if (typeof num === 'number') { // 성공일 때 호출 resolve(`${num}은 숫자입니다.`); } else { // 실패일 때 호출 reject(`${num}은 숫자가 아닙니다.`); } }, 1000 * 1); }); 위 코드에서, num 타입을 string 으로 변경했을 때 else 문이 진행되는 것으로 기대했습니다. 이때, 브라우저의 디버거에서 오류를 발생시키면서 정상 동작되지 않습니다. 터미널에서는 UnhandledPromiseRejection: This error originated either by throwing inside of an async function without a catch block, or by rejecting a promise which was not handled with .catch(). 라는 오류가 발생됩니다. catch 문 없이 reject 를 단독으로 사용하는 것에 문제가 있는 것 같은데, 예제와는 다르게 동작하는 것 같아 문의드립니다.
map과 filter 내장 API에 대해 설명하시면서, 전자는 원본 배열을 바꾸지 않고 후자는 원본 배열을 바꾼다고 하셨습니다. const arry = [10,20,30] 배열이 있는 상태에서 20을 꺼내오고 싶어서 코드를 작성했습니다. arry.filter( (item) => { if (item === 20) { return true} } ) 리턴값으로 20은 나왔지만, 원본(?) 배열 arry의 값은 [10,20,30] 으로 그대로 입니다. pop,push, spilice는 원본 배열의 값이 바뀐걸 그 자리에서 확인할 수 있는데 flilter 는 아닌 것 같아서요. 혹시 강의 설명을 잘못하신걸까요?
안녕하세요. 저는 이제 막 프로그래밍을 완전 처음 접하는 직장인입니다. 개인적으로 어떤 앱을 스스로 개발 해보고 싶어서 처음부터 앱의 모든것들을 혼자서 공부할 계획입니다. 현재 저의 상황은, chatGPT로 부터 받은 총 1200줄의 Todo list 코드들을( 완전히 암기한 상태입니다. . , , HTML,CSS,JS 코드 모두 합친) HTM,CSS 는 어느 정도 알고 있는 상태입니다. 그런데 이게 웃기는 상황인게 정작 암기를 하였지만 코드의 각 기능과 의미, 각 코드들간에 연관성이 무엇인지는 단 하나도 모른다는 것입니다 ㅡㅡ;;(멍청한 짓인줄 압니다) 예를들어 화살표 함수, async/await, reduce, map,filter, 외부API 호출 이런 함수들을 암기했지만 뭔지도 모르는 상태입니다. ;; 그래도 하나부터 끝까지 외운 코드들은 스스로 타이핑 할 수 있습니다. 다시 처음부터 강의를 들으며 무식하게 암기하였지만 몰랐던 부분들을 하나씩 배워갈려고 합니다. 가장 궁금한 부분은 이 강의를 수강하고, 선생님의 JS 강의를 모두 수강 후 바로 React, react-native node.JS로 넘어가도 되는지도 궁금합니다!! 저의 질문을 읽어 주셔서 감사합니다 ^ [제로초 강좌 질문 필독 사항입니다] 질문에는 여러분에게 도움이 되는 질문과 도움이 되지 않는 질문이 있습니다. 도움이 되는 질문을 하는 방법을 알려드립니다. https://www.youtube.com/watch?v=PUKOWrOuC0c 0. 숫자 0부터 시작한 이유는 1보다 더 중요한 것이기 때문입니다. 에러가 났을 때 해결을 하는 게 중요한 게 아닙니다. 왜 여러분은 해결을 못 하고 저는 해결을 하는지, 어디서 힌트를 얻은 것이고 어떻게 해결한 건지 그걸 알아가셔야 합니다. 그렇지 못한 질문은 무의미한 질문입니다. 1. 에러 메시지를 올리기 전에 반드시 스스로 번역을 해야 합니다. 번역기 요즘 잘 되어 있습니다. 에러 메시지가 에러 해결 단서의 90%를 차지합니다. 한글로 번역만 해도 대부분 풀립니다. 그냥 에러메시지를 올리고(심지어 안 올리는 분도 있습니다. 저는 독심술사가 아닙니다) 해결해달라고 하시면 아무런 도움이 안 됩니다. 2. 에러 메시지를 잘라서 올리지 않아야 합니다. 입문자일수록 에러메시지에서 어떤 부분이 가장 중요한 부분인지 모르실 겁니다. 그러니 통째로 올리셔야 합니다. 3. 코드도 같이 올려주세요. 다만 코드 전체를 다 올리거나, 깃헙 주소만 띡 던지지는 마세요. 여러분이 "가장" 의심스럽다고 생각하는 코드를 올려주세요. 4. 이 강좌를 바탕으로 여러분이 응용을 해보다가 막히는 부분, 여러 개의 선택지 중에서 조언이 필요한 부분, 제 경험이 궁금한 부분에 대한 질문은 대환영입니다. 다만 여러분의 회사 일은 질문하지 마세요. 5. 강좌 하나 끝날 때마다 남의 질문들을 읽어보세요. 여러분이 곧 만나게 될 에러들입니다. 6. 위에 적은 내용을 명심하지 않으시면 백날 강좌를 봐도(제 강좌가 아니더라도) 실력이 늘지 않고 그냥 코딩쇼 관람 및 한컴타자연습을 한 셈이 될 겁니다.
안녕하세요. 저는 이제 막 프로그래밍을 완전 처음 접하는 직장인입니다. 개인적으로 어떤 앱을 스스로 개발 해보고 싶어서 처음부터 웹의 모든것들을 혼자서 공부할 계획입니다. 현재 저의 상황은, chatGPT로 부터 받은 총 1200줄의 Todo list 코드들을( 완전히 암기한 상태입니다. . , , HTML,CSS,JS 코드 모두 합친) HTM,CSS 는 어느 정도 알고있는 상태입니다. 그런데 이게 웃기는 상황인게 정작 암기를 하였지만 코드의 각 기능과 의미, 각 코드들간에 연관성이 무엇인지는 단 하나도 모른다는 것입니다 ㅡㅡ;; 예를들어 화살표 함수, async/await, reduce, map,filter, API 호출 이런 함수들을 암기했지만 뭔지도 모르는 상태입니다. ;; 다시 처음부터 강의를 들으며 무식하게 암기하였지만 몰랐던 부분들을 하나씩 배워갈려고 합니다. 가장 궁금한 부분은 이 강의를 수강하고, 선생님의 더욱 집중된 JS 유료 강의를 모두 수강 후 바로 React, node.JS로 넘어가도 되는지도 궁금합니다!! 저의 질문을 읽어 주셔서 감사합니다 ^^
이전 챕터에서 클라이언트 컴포넌트에 대해 다뤘을때 서버에서 사용할 수 없는 훅을 사용할 경우 클라이언트 컴포넌트를 사용해야한다고 이해하였습니다. 그 중 하나가 useEffect이고 그 이유는 useEffect는 컴포넌트가 마운트 되었을 때 즉, 브라우저에 렌더링 되었을 때 실행되기 때문이라고 이해하였습니다. 제가 생각했을 때에는 useActionState 훅은 서버에서 실행되어도 상관 없는 훅이라고 생각하는데 맞는지 궁금합니다. 만약 맞다면 useEffect 훅을 사용하지 않고 useActionState만 사용한다면 서버 컴포넌트로 사용할 수 있는 것인지도 궁금합니다.
안녕하세요, 선생님. 수업 잘 듣고 있습니다! 동물 앨범 만들기-3 수업을 듣다가 pushState메서드 사용할 때 가장 첫번째 값에 null을 넣는 이유가 궁금합니다! 감사합니다! const tabBar = new TabBar({ $app, initialState: "", onClick: async (name) => { history.pushState(null, `${name}`, name); this.setState({ ...this.state, currentTab: name, photos: await request(name === "all" ? "" : name), }); }, }); ⚠ 답변은 평일 오전 10시에 순차적으로 작성해드립니다. ⚠ '질문 해결'은 답변 작성일 기준 1일 이후에 적용됩니다.
아직 초반부지만 열심히 듣고 있는데요, 섹션3에서 각각의 명령어를 설명하시면서 직접 마우스로 움직이면서 하시더라구요 강사님 설명을 들으면서 입력해보고는 있는데 그렇게 움직이면서는 확인이 안되어서요.... 따로 코딩을 더 넣어야 하는건지 아님 제가 놓친 부분이 있는지 해서요
