강의 10.3에서 TodoItem.jsx의 onchange 이벤트가 발생할때마다 부모도 같이 재랜더링 되는것 같아서요. 제가 짠 소스도 참고해보시면 부모 태그들에 각각 재랜더링이 될때마다 로그를 찍어봤는데 다 찍혀서로그 찍는 시점이 잘못된건지React dev tool이 이상한건지제가 코드를 잘못 친건지모르겠어서 질문 드립니다.   https://github.com/Joonsby/one-bite-react/tree/master/section10코드는 위에 링크에 올려놨으니 참고해주시면 될것 같습니다.

todoPagingCP.tsx에서 Link로 페이지 동적으로 만들었는데 페이지 클릭때마다   const res = await fetch( `http://localhost:8080/api/todos/list?page=${page}` );todo/list/page에 있는 이코드가 실행이 되는건가요?

// 배열 구조분해할당 const arr = ['a', 'b', 'c']; const [first, second] = arr;// 객체 구조분해랃당 const obj = { name: 'Kim', age: 25 }; const { age, name } = obj;배열과 객체의 구조분해할당 방법이 다른 이유가 뭔가요?구조분해할당 시 배열은 순서가 중요하고 객체는 이름이 중요한건가요? 만약 그렇다면 배열은 인덱스 기반 접근이라 순서가 중요하고, 객체는 키 기반 접근이라 키(이름)이 중요한건가요?  

먼저 유사한 질문이 있었는지 검색해보세요.꼭 강의와 관련된 질문이 아니더라도, 최대한 답변해드리겠습니다.건의사항도 괜찮습니다.편하게 질문해주세요! 9:38에 html 소스 바꾸고, 다시 blob service에 다시 9:38에 변경한 소스파일을 다시 업로드해야하는거 맞을까요..?? 해당 작업을 해야되는게 맞다면 제 컴퓨터에서 수정했을 때 blob service에 수동으로 안올리고 자동으로 올려지게 하는게 ci/cd???같은건가요...?

MDN에 배열의 메서드들이 많던데, 사이드 이펙트가 없는 순수 함수인지 확인하는 방법 있나요?일일이 해당 메서드들에 여러 값을 입력하는 방법 밖에 없나요?

예를들어서 count는 조건을 걸때 where : {} 이런식으로 하는데 sum은 바로 {}만 하더라구요. 이런식으로 where 키워드를 쓰는 메서드와 안쓰는 메서드가 많이 나뉘던데 어떤 기준인지 알 수 있을까요? 헷갈리네요..

 function solution(arr) { return arr.reverse(); } console.log(solution([1, 2, 3, 4, 5])) console.log(solution([3, 2, 1]))이런식으로 자바스크립트 내장함수사용해서 풀기보다는 연결리스트를 구현해서 한번씩 풀어보고 하는게 학습하는데 더 도움이되는걸까요??

 // forEach let arr = [1, 2, 3, 4, 5]; // forEach 콜백 함수 arr.forEach((_, __, array) => { // 콜백 함수의 매개변수로 _, __ 사용 console.log(array) }); 콜백 함수의 매개변수로 _, __ 같이 쓰는 경우가 있던데 왜 이렇게 쓰는지 궁금합니다.

자료구조 별로 구현하고 문제풀이 하면서 강의 진도 따라가면서 백준 문제풀이도 같이 하고 있는데 스택을 배웠으면 스택 백준 문제 다풀고 넘어가는 게 맞는지 일단 자료구조 강의 개념 다 풀고 넘어가는 게 맞는 게 맞을까요?

// forEach let arr = [1, 2, 3, 4, 5]; // forEach 콜백 함수 arr.forEach((elm, idx, array) => { // 콜백 함수의 매개변수 console.log(`${idx} 번째 요소는 ${elm} 입니다.`); console.log(array) });// map let arr = [1, 2, 3, 4, 5]; // map 콜백 함수 let newArray = arr.map((elm) => { // 콜백 함수의 매개변수 return elm * 10; }); console.log(newArray);// findIndex let colors = [ { id: 1, color: "green" }, { id: 2, color: "blue" }, { id: 3, color: "purple" } ]; // findIndex 콜백 함수 let idx = colors.findIndex((elm) => elm.color === "purple"); // 콜백 함수의 매개변수 console.log(idx); // 2 map이나 findIndex는 콜백 함수의 매개변수를 elm만 써서 구분할 수 있는데forEach는 콜백 함수의 매개변수가 elm, idx, array가 있으면 각 매개변수를 어떻게 구분하나요? 변수명처럼 할당된 이름이 있어서 해당 이름하고 비슷한 이름을 지으면 콜백 함수의 매개변수로 취급하는건가요?

이렇게 노트북으로 배포한 상태에서 동일한 url을 제 휴대폰으로 검색해서 들어가니까 제 휴대폰으로는 데이터들이 안 보이는데 버그인가요?

호이스팅은 웬만하면 안쓰는게 좋나요?ESLint로 호이스팅 막는 경우도 있고, 호이스팅이 안티 패턴이라는 경우도 있네요.

// 함수 선언식 function func() { console.log('hello javascript'); } // 함수 표현식 - function 함수 const func = function() { console.log('hello javascript'); }; // 함수 표현식 - 화살표 함수 const func = () => { console.log('hello javascript'); }; 클래스 내부의 메서드는 함수 선언식이 많았던 거 같고,일반 함수는 함수 표현식이 많았던 거 같네요. 함수 선언식과 함수 표현식은 어떤 경우에 쓰면 좋나요?  

const user = { name: "김모씨", address: { city: "서울" } }; // 일반 접근 (에러 위험) console.log(user.address.city); // "서울" console.log(user.phone.number); // 에러! // Optional Chaining (안전) console.log(user.address?.city); // "서울" console.log(user.phone?.number); // undefined (에러 안남!)'7. 연산자'에 ?. 연산자는 따로 언급이 없는거 같네요. ?. 연산자는 자바스크립트 연산자인가요?아니면 타입스크립트 연산자인가요?

// && 사용 - "로그인했으면 보여줘" {isLoggedIn && <Profile />} // || 사용 - "로그인 안했으면 보여줘" {!isLoggedIn || <Profile />}리액트에서 조건부 렌더링할 때 &&, ||를 씁니다.이게 자바스크립트의 논리 연산자인 &&, ||와 같은건가요?

안녕하세요 강의 잘 듣고 이력서 작성중인 신입 개발자입니다.제목과 마찬가지로 개발과 상관없는 이력의 경우 쓰는게 좋은가요?인턴이 끝나고 몇개월정도 개발과 상관없는 서비스직을 했었는데 공백기를 설명하기 위해 적는게 좋을까요?아니면 따로 적진않고 공백기를 물어보면 그때 답하는게 좋을까요?

3(index):1 Uncaught (in promise) Error: Access to storage is not allowed from this context.  이렇게 뜨는데요.또 로컬 스토리지 보면들어가긴 하거든요? 왜그럴까요

안녕하세요. 강의 잘 들었습니다.덕분에 포트폴리오 작성 방향을 잡는 데 많은 도움을 받았습니다.데이터 사이언티스 포트폴리오 작성과 관련해 몇 가지 질문을 드리고 싶습니다. 프로젝트 대신 논문을 작성해도 괜찮을까요?석사 과정 동안 프로젝트는 수행한 게 없고 논문만 작성하였습니다. (논문 1개 게재완료, 1개는 하위논문)이 경우에는 기존 모델 대비 정확도 개선 등 구체적인 수치 기반 성과로 작성하면 적절할까요?학부 시절 프로젝트가 워드클라우드, 기본적인 시각화 수준이라 프로젝트라고 하기에는 애매합니다. 굉장히 기초적인 데이터 분석이었는데 이런 것도 작성해야할까요?취업 준비 기간 동안 캐글/데이콘 등 대회 참여, 혹은 백준 알고리즘 티어 상승 등 .. 중 어떤 활동이 데이터 사이언스 포트폴리오에 더 효과적인지 궁금합니다.   이외에도 데이터 사이언티스트 직무 포트폴리오에서 강조해야할 부분이 있다면 말씀해주시면 감사하겠습니다!

react-router-dom 을 사용한 후부터랜더링되는 하단의 모든 컴포넌트에 react를 import하지 않으면 오류가 발생하거든요그런데 이전에는 분명 안 이랬어서....import를 하면 되니까 개발이 안 되는 건 아닌데강의를 계속 듣다 보니 강사님은 import하지 않으셔도 되는 거 같아서 궁금해서 물어봅니다.버전 차이 때문일까요? 제가 무슨 설정을 잘못한 걸까요? 버전은 아래와 같습니다..  "dependencies": { "react": "^19.2.0", "react-dom": "^19.2.0", "react-router-dom": "^7.10.1" },

BearerTokenGuard에서 db를 조회해서 유저 정보를 불러오는 이유가 궁금합니다.제가 스프링으로 개발했을 때는 role을 jwt에 담고 별도의 db 조회 없이 스프링 시큐리티에서 검증을 했어서요. 유저 엔티티가 필요하다면 서비스 레이어에서 조회를 하구요.NestJs 현업에서 쓰이는 일반적인 패턴이 궁금합니다