안녕하세요. 먼저 이정환 강사님께 진심으로 감사드립니다. 강의 덕분에 웹 제작부터 배포까지의 전반적인 과정을 이해할 수 있었고, 이제는 혼자서도 웹 서비스를 제작하고 배포할 수 있게 되었습니다. 🙇🏻 강의를 듣고 나니, 다음 단계로 앱 개발까지 도전해 보고 싶다는 생각이 들었습니다. 이미 개발한 웹 서비스를 앱으로 확장하거나, 처음부터 새로운 앱을 만들어 보는 바이브 코딩 강의도 추가되면 정말 좋겠습니다. 바이브 코딩에 입문한 분들 중에는 자신이 만든 서비스를 웹뿐 아니라 모바일 앱에서도 활용하고, 실제 생활이나 업무의 생산성을 높이고 싶은 분들이 많을 것 같습니다. 웹과 앱을 연동하는 방법부터 앱 배포까지 배울 수 있다면, 저와 비슷한 관심을 가진 수강생들에게도 큰 도움이 될 것이라 생각합니다. 좋은 강의를 제공해 주셔서 다시 한번 감사드립니다.
강의 5분10초 경 커밋에 대한 케이스 입니다. 스테이징된 변경사항 전체에 대하 커밋 버튼을 눌렀을 때 뜨는 알림 창 입니다. Visual Studio Code git에서 "user.name" 및 "user.email"를 구서해야 합니다. Git 로그 열기 / 자세한 정보 / 취소 이렇게 떠있는 알림창이 뜨고 커밋이 안됩니다.
안녕하세요, FE 개발자 준비중인 수강생입니다! 해당 강의 화면에서 Strict Mode에서 두번 실행시 값이 반복 변경되어있다고 작성되어있는데 해당 예시로는 객체 내부 값을 변경해서 2번을 실행해도 같은 값이 나올 것 같은데, Strict Mode에서 감지된다는 적절한 예시가 맞을까요? 제가 잘못 알고 있는 점이 있다면 말씀해주시면 감사하겠습니다:)
타 강의를 수강 하면서 git을 이미 설치했는데, Choosing the default editor used by Git 단계에서 Use vim (the ubiquitous text editor) as Git's default editor로 설정했고, Adjusting the name of the initial branch in new repositories 단계에서 Let Git decide로 설정하고 설치했습니다. 이 강의를 수강하면서 영향을 끼치나요?
링크 관리 기능 구현하기에서, 수업과 같이 네이버 추가하기를 했는데 오류가 났습니다. 아래 메시지가 떠서, 이 메시지를 클로드에게 제시하고 수정해달라고 했더니 최종 아래와 같이 답을 했습니다. #오류 대상 페이지를 불러오지 못했습니다. (fetch failed (self-signed certificate in certificate chain)) #수정에 대한 클로드 회신 아래와 같은 메시지로 회신 받았습니다. 그 에러는 앱 버그가 아니라 네이버 요청이 회사/보안 프록시(또는 백신의 HTTPS 검사)를 거치기 때문입니다. 왜 브라우저는 되고 서버는 안 되나 이런 프록시는 모든 HTTPS 사이트의 인증서를 회사 전용 루트 CA로 다시 서명합니다. Windows·Chrome은 그 CA를 신뢰하도록 IT가 설치해 놨지만, Next.js 서버(Node.js)는 OS 신뢰 저장소를 안 쓰고 자체 CA 목록만 사용합니다. 그래서 서버에서 fetch할 때만 인증서 체인이 "self-signed"로 보여 거부됩니다. 해결 방법 (택1) A. 회사 루트 CA를 Node에 알려주기 (권장, 안전) 1. 루트 CA를 .pem으로 확보: - IT에 요청하거나, - Chrome에서 https://www.naver.com 접속 → 주소창 자물쇠 → "인증서가 유효함" → 세부정보 탭 → 목록 맨 위(루트) 선택 → 내보내기 → Base64 X.509 (.pem)으로 저장 (예: C:\certs\corp-ca.pem) 2. dev 서버를 이 환경변수와 함께 실행: $env:NODE_EXTRA_CA_CERTS="C:\certs\corp-ca.pem"; npm run dev (NODE_EXTRA_CA_CERTS는 Node 시작 시점에 읽혀서 .env.local로는 안 됩니다. 셸에서 지정하거나 Windows 사용자 환경변수로 등록하세요.) B. 빠르게, 로컬 개발용으로만 (검증 끄기) $env:NODE_TLS_REJECT_UNAUTHORIZED="0"; npm run dev 즉시 해결되지만 dev 프로세스 전체의 TLS 검증이 꺼집니다. 커밋·배포에는 절대 사용하지 마세요. C. 회사 프록시가 아니라면 백신(Kaspersky/ESET/Avast 등)의 "HTTPS 검사/SSL 스캔" 기능이 원인일 수 있습니다. 그 기능을 끄면 됩니다. --- 원하시면 package.json에 "dev:cacert": "cross-env NODE_EXTRA_CA_CERTS=... next dev" 같은 스크립트를 추가해 드릴게요 (경로가 PC마다 달라서 기본 dev는 안 건드리는 게 좋습니다). 참고로 방금 라우트에 실제 Chrome User-Agent + Accept-Language: ko 헤더와 EUC-KR 디코딩도 넣어놔서, 위 방법으로 연결만 뚫리면 네이버의 봇 차단·한글 깨짐 없이 제목/설명/썸네일이 수집됩니다. ------------------------------ 최종 질문: 제가 회사에서 수업을 듣다보니 발생하는 문제 같은데, 회사에 뭔가 허가를 받아야 해결되는 문제라면 이 부분은 해결이 어려울 것 같습니다. 건너뛰어도 될지 모르겠습니다.
강의 예제에서 add(2,3) -> 항상 5 (순수) getTime() -> 실행 시점마다 달라짐 (순수 아님) "실행 시점 마다 달라진다 또는 전역 변수를 수정하는 함수는 같은 입력을 넣어도 실행 시점에 따라 결과가 달라지기 때문에 순수하지 않습니다. "라고 하셨고, 이와 마찬가지로 "순수 컴포넌트는 동일한 props와 state가 주어졌을 때 항상 동일한 UI를 반환하는 컴포넌트 (외부 변수를 수정하거나, props를 직접 변경하지 않음)" 라고 했는데 제 머릿속에서는 state는 언제든지 변경될 수 있고 props가 어떤 특정한 state값 ( 서버에서 받아온 상품 목록 리스트)이면 결국 해당 props도 변경 될 수 있다라고 생각이 들어서 좀 많이 자세하게 설명을 듣고 이해 하고, 코드를 작성할 때 적용하기 위해 질문을 올립니다. 추가 ctx) 현재 프론트엔드 개발자입니다. 프론트 개발을 하고 있습니다. 언제나 순수 함수 / 순수 컴포넌트 말로 만 듣고 "이런 거겠지" 라고 하며 어물쩡 넘어갔었는데 요번에 확실하게 개념과 이해 그리고 체화 하고 싶어서 질문 남깁니다.
