자바스크립트로 SPA 하는법을 꼭 배우고싶었는데강의가 너무 좋아요!   섹션8부터 상태관리하면서 SPA 방식으로 코드를 리팩토링하는데강의에서 알려주시는 방법이약간 리액트의 동작방식과 비슷하다고 봐도 되는걸까요?! 제가 리액트를 얼마전에 배웠는데뭔가 리액트의 내부 동작을 구현하는 느낌으로 생각해도 되는건지..아니면 아예 다른 방식으로 하는건지 궁금해서 여쭤봅니다!!

코드 관련 질문은 아래와 같이 '코드블럭' 기능을 이용해주세요!+ 오류 메세지도 함께 올려주시면 좋아요 🙂console.log('hello'); 안녕하세요.혹시 Live Server 질문도 같이 올려도 될까요..?효빈님께서 라이브 서버 실행하실 때 127.0.0.1:5000 으로 실행이 되시는데 저는 제 아이피 주소 뒤로 공부하는 폴더의 경로가 전부 찍히게 되어서 window.location.pathname 이 콘솔 창에 안찍히게 되더라구요..VSC에서 Live Server Extensions을 싹 다 지우고 다시 설치해도 초기화가 안되네요..(전에 한 번 Live Server 설정을 건들인 적이 있습니다ㅜㅜ)

안녕하세요 파일에 package.json은 있는데 어떤 내용들 넣으셨어요???

template = [] template = ""문자열로 초기화 안하고 배열로 초기화 하는 이유가 뭔가요?

안녕하세요 2-6 강의부터 4개- 5개 강의 정도 화면이 검정으로 나오는데저만그런것인지 확인 가능할까요??

(a,b)가 어떤걸 의미하는지 모르겠고-1, 1, 0을 반환했을때 배열내부적으로 어떻게 처리되는지도모르겠습니다. let colors = ["green", "blue", "purple"]; const compare = (a, b) => { if (a > b) return -1; else if (a < b) return 1; else return 0; }; colors.sort(compare); console.log(colors);

 const start2 = async () => { try { let result = await Promise.all([workA(), workB(), workC()]); result.forEach((res) => console.log(res)); } catch { console.log(err); } }; 해당 코드에서 반환된 프로미스 객체는 배열의 형태로 result 변수에 저장되는 건가요?

this.template 메소드를 innerHTML에 할당하는 방식이 아닌 createElement와 appendChild 등으로 해결해도 괜찮나요? 이렇게 하면 변경되지 않은 부분만 체크하여 필요한 부분만 DOM을 다시 추가하는 방식을 사용할 수 있을 것 같은데

App 컴포넌트에서 모든 컴포넌트들의 상태가 관리되는 건가요? 컴포넌트들은 각각의 상태를 관리하고 가 상태를 업데이트하면서 상태관리를 하는게 아닌가요? 이건 모든 상태를 App 컴포넌트에서 관리하고 하위 컴포넌트들은 자신의 상태가 될 데이터를 내려받아서 그냥 render만 해주는 느낌이 들어서요 이렇게 되면 App 컴포넌트에서 관리해야 할 상태들이 너무 많아지고 App 컴포넌트가 복잡해지는 거 아닌가요..? 각 컴포넌트에서 독립적으로 본인의 상태를 관리하고 필요에 따라 상위 컴포넌트에서 상태를 전달받아 render 한다..? 이렇게 이해했는데.. 컴포넌트 단위로 개발하는 spa 개발 개념이 좀 부족한건지 이해가 잘 안되네요

$tabBar.forEach((elm) => { elm.addEventListener('click', () => { onClick(elm.id); }); }); 이 onClick 함수 this.onClick으로 호출하지 않았는데,이러면 TabBar 인스턴스의 onClick 메소드는 쓰지 않는 거 아닌가요? 

안녕하세요 선생님 제가 설정이 뭔가 틀어졌는지consol.log하면 선생님처럼 console창이 안뜨고이렇게 뜨는데 어떻게 해결할 수 있는 방법이 없을까요? 선생님처럼 콘솔창이 떴으면 좋겠습니다.

template 설치중에 에러가 자꾸떠서질문남깁니다..

해당 강의에서 컴포넌트를 만들고 상태관리를 할때 모든 코드에 this가 왜 붙는건가요??저렇게 만든것도 그냥 객체인거 같은데 let state ={} 로안 하고 let도 없고 변수도 없는데 this로 state를 참조되는것도 궁금합니다.모든 코드에 this가 붙는 이유일반함수에 this한거니 그냥 window 객체에 state 변수가 생긴건지 궁금합니다.2가 아니면 그냥 state라는 걸 자바스크립트가 제공해서 참조해서 사용하는것인지this.state = {};

코드 관련 질문은 아래와 같이 '코드블럭' 기능을 이용해주세요!+ 오류 메세지도 함께 올려주시면 좋아요 🙂console.log('hello'); 강의에서 보면 name을 선언한 후 typeof에서 name에줄이 쳐져있는데 혹시 왜 그런건지 알 수 있나요?제 컴퓨터에서도 사용하여 봤는데 name은 사용되지 않습니다. 라고 나옵니다

history 연습예제에서 뒤로가기 앞으로가기 버튼 눌렀을때는 화면에 제대로 표시되지 않아서요강사님 소스를 여러번 확인해봤는데,,,,뭐가 혹시 틀린걸까요? 

코드 제공 됩니까?

안녕하세요.문제 없이 진행하다가[04. 도메인 등록과 HTTPS 설정] 은 영상 확인만하고[05. 배포 자동화하기 CI/CD] 는 진행한 상태에서다시 [04 도메인 등록]으로 넘어와서 도메인 설정을 진행하고 있었는데요.도메인 등록후에nginx.conf 파일에서 server_name을 Ip로 직접 쓰고있다가 route53 에서 등록한 도메인으로 바꾸고, (이게 이유가 아닐 수 도 있지만)설정 파일을 딱히 건드리거나 하진 않은 것 같은데 어느순간 curl localhost를 입력하면 not found 가 나와버립니다. 이 경우 어디 부분을 확인해야할지 몰라서 여쭤봅니다.설치부터 다시 진행할까도 했는데 혹시나 힌트가 될만한 부분이 있을까해서 여쭤봅니다.

https 를 위한 인증서 설정시 에러LetsEncrypt 에서 무료로 인증서를 등록 할 때 에러가 발생합니다.window 사용node.js 18.16.0 사용 도메인 xxxx.net 사용# sudo su - # yum -y install yum-utils까지는 정상적으로 다운로드 되었는데요# yum-config-manager --enable rhui-REGION-rhel-server-extras rhui-REGION-rhel-server-optional부터는 에러가 뜹니다... 이유가 무엇일까요?ㅠㅠ 

안녕하세요.action 과 Form 을 이용해서 submit 처리하기 강의 중 submit 버튼 클릭 시 preventDefault() 작성하는 부분이 없어서 페이지가 새로고침 되던데 강의에서는 새로고침이 안되고 있네요이유를 알 수 있을까요?

vite 사용 안하고 CRA 프론트 백 분리시켜서 하고있는데 질문있습니다.백엔드 서버에 그냥 node만 받아서 올려놨는데swagger options에 routes 디렉토리가 없으면 어떻게 작성하죠?루트에 index.js를 api 로 사용하는데 그럼 apis: ["./index.js"]이렇게 넣으면 될까요?그리고 swagger 사용에 router 폴더 없이 사용하려고 하는데, 어떻게 해야 스웨거로 넘어가죠??이미 api들은 다 작성한 상태구요