안녕하세요~ 터미널에서 auto suggestion 처럼 코드 제안하는 회색 글씨가 보이던데 어떻게 하셨는지 알 수 있을까요?

프로젝트를 build 하면 에러가 생기는데 어디서 생기는지 파악을 못하겠네요ㅠㅠnpm run dev 에서는 돌아가는데 build 후에 preview로 들어가보면홈페이지에서 에러가 납니다.

안녕하세요. local:host3095 주소로 사이트가 열리지 않아 질문 남깁니다. (과정)db연결성공했고, 그 다음에 npx run dev 입력하고, 주소창에 local:host3095을 입력했더니 에러가 납니다. 포트번호가 잘못됐나 확인을 해봤는데 뭐가 문제인지 잘 모르겠습니다ㅠ 포트번호 확인app.js에 3095라고 잘 적혀있는데 sql들어가서server > serverstatus>test connection을 실행해보면 3306이라고 적혀있습니다.  sql 종료했다 다시 실행하기  

'Next프로젝트 시작하기' 6:50 초에 현재는 npx create-next-app@latest명령시 14버전이 설치되는데상관이 없는건가요?

Figma에서 디자인한 파일을 Figma to Code 플러그인의 (Tailwind JSX) 옵션을 통해 변환한 후, react의 App.js에 넣었습니다. 실행된 결과는 다음과 같습니다. import './App.css'; function App() { return ( <div className="w-[1920px] h-[969px] relative bg-white"> <img className="w-[1011.68px] h-[238.57px] left-[454.16px] top-[387.92px] absolute" src={'https://via.placeholder.com/1012x239'} /> <div className="w-[230.06px] h-[64.13px] left-[878.36px] top-[697.91px] absolute"> <img className="w-10 h-10 left-[22.20px] top-[12.07px] absolute" src="https://via.placeholder.com/40x40" /> </div> <div className="left-[1380.61px] top-[913.41px] absolute text-black text-4xl font-normal font-['Inter']"> 서비스 소개 </div> <div className="left-[1584.30px] top-[913.41px] absolute text-black text-4xl font-normal font-['Inter']">|</div> <div className="left-[1624px] top-[913.41px] absolute text-black text-4xl font-normal font-['Inter']"> 만든 사람들 </div> </div> ); } export default App;궁금한 것은 원래 피그마에서 디자인했을 때는 1012x239 이미지가 화면 정중앙에서 약간 아래 왔었고 전반적으로 위치가 다 (figma에서의 그것과) 맞지 않는데 레이아웃이 들어가지 않은건가요? 어떻게 해결해야 할지 조언 부탁드립니다.

function calculate(x) { var result = 3*x+5; return result; }라고 입력후  var result1 = calculate(1); 이 어떻게 동작 하는 건가요 ? 괄호를 닫았음에도 아직 저 위에 함수 블록에서 작업 중인 걸로 되는 건가요?

안녕하세요.nginx에 배포를해서 실행을하니 실행은되는데 antd 가 적용이 안되는데 왜그런지 모르겠습니다. nginx.conf파일에 아래처럼 구성했고요(docker이용해서 .next 폴더 /usr/share/nginx/html/_next 에 복사했음) location / { root /usr/share/nginx/html; index /_next/server/pages/index.html; } .next 폴더 하위에 server/pages 폴더 아래에 index.html이 있어 index부분을 해당 파일로 지정하였는대 antd가 적용이 안됩니다. 왜그런걸까요 ㅠ? (npm run dev로 실행시에는 적용됩니다.) 

  포트폴리오 리뷰보고 똑같이작성해도 에러가나고, 깃허브에서 자료받아서 복붙해도 똑같은 에러가나네요 ,ㅠ오타는 절대아니고 무슨 원인일까요?

"로그인 처리" 동영상에서 (1분 14초) LOGIN_URL = '/accounts/login/' 때문에 app 이름을 accounts으로 하신다고 하셨는데 결국 urls.py에서 새롭게 정의를 하고 있어서 결국에는 global_settings.py 안에 있는 LOGIN_URL을 안쓰고 있는게 아닌가요? template_name이 registration/login.html로 설정되어 있어서 accounts/registration/login.html로 만드는게 더 좋을까요?from django.contrib.auth.views import LoginView class LoginView(RedirectURLMixin, FormView): """ Display the login form and handle the login action. """ form_class = AuthenticationForm authentication_form = None template_name = "registration/login.html" redirect_authenticated_user = False extra_context = None

안녕하세요! 제로초님! 섹션 4. 백엔드 노드 서버 구축하기credentials로 쿠키 공유하기 강의까지 수강한 수강생입니다! 작업물을 git clone하고 모듈 설치 후 npm run dev 하는 과정에서 문제가 발생했습니다!(프론트는 front 폴더 내에서 npm install 로 node_modules 를 생성하였습니다.)회원가입 구현하기 강의 영상과 똑같이 백엔드 터미널에 npm i express@4.17.1 를 입력해back 폴더 내에 node_modules 폴더를 생성하고백엔드에서 npm run dev 를 하면 아래 사진과 같은 에러가 나타납니다!이유가 무엇인지 궁금합니다!++ MySQL 환경 변수 설정은 미리 path로 설정하여 MySQL이 정상 작동됨을 확인하였습니다!++ vsCode 파워셀 터미널에서 작업하였습니다!항상 강의 영상 잘 보고 있습니다! 감사합니다 제로초님!

 사전 설정은 다 제대로 한 것 같은데 회원가입하면 실패도 아니고 오류 로그가 뜹니다.. ㅠㅠapi 오류라고 해서 콘솔 sdk도 다 다시 설정해 보았는데 자꾸 오류가 뜹니다... ㅠㅠ 해결 부탁드립니다. 제 파이어베이스 API sdk입니다. useSignup.jsimport { useState } from 'react' import { appAuth } from '../firebase/config' import { createUserWithEmailAndPassword, updateProfile } from 'firebase/auth' export const useSignup = () => { // 에러 정보를 저장합니다. error 상수에 저장 기본값 null // setError -> 상태를 업데이트 하기 위한 것 const [error, setError] = useState(null); // 현재 서버와 통신중인 상태를 저장합니다. // isPending이 ture면 통신중 const [isPending, setIsPending] = useState(false); // signup 훅을 만듭니다. email, password, displayName 세가지 매개변수를 갖습니다. const signup = (email, password, displayName) => { setError(null); // 아직 에러가 없으니 null 입니다. setIsPending(true); // 통신중이므로 true입니다. // 파이어베이스에서 회원가입을 도와주는 함수 (도큐먼트에 있음) // 비밀번호 설정으로 유저 정보를 등록합니다. config에서 import 받아야합니다. createUserWithEmailAndPassword(appAuth, email, password) .then((userCredential) => { // 회원가입 // 성공했을 때, Signed in // 유저정보를 user에 담아옴 const user = userCredential.user; console.log(user); // 회원 정보를 정상적으로 받지 못하면 실패입니다. -> 경고 띄우기 if (!user) { throw new Error('회원가입에 실패했습니다.'); } // 회원 정보 업데이트 // 회원가입이 완료되고 유저 정보에 닉네임(displayName)을 업데이트합니다. import 받아야합니다.\ // appAuth.currentUser를 통해 현재 로그인 정보를 받아옴 updateProfile(appAuth.currentUser, { displayName }) .then(() => { setError(null); setIsPending(false); }).catch((err) => { //예외 처리 setError(err.message); setIsPending(false) console.log(err.message); }); }) .catch((err) => { // 예외 처리 setError(err.message); setIsPending(false); console.log(err.message); }); } // 에러값, 통신여부, signup 함수(밖에서 사용할 수 있도록) 리턴 return { error, isPending, signup } }  config.js// 계정과 관련된 파이어베이스 설정 -> 깃허브에 올리면 안됨 // Import the functions you need from the SDKs you need import { initializeApp } from "firebase/app"; import { getAuth } from "firebase/auth"; import { getFirestore } from "firebase/firestore"; // Your web app's Firebase configuration const firebaseConfig = { apiKey: process.env.REACT_APP_API_KEY, authDomain: process.env.REACT_APP_AUTH_DOMAIN, projectId: process.env.REACT_APP_PROJECT_ID, storageBucket: process.env.REACT_APP_STORAGE_BUCKET, messagingSenderId: process.env.REACT_APP_MESSAGING_SENDER_ID, appId: process.env.REACT_APP_APP_ID, }; // Initialize Firebase 인증 초기화 // firebase 초기화 const app = initializeApp(firebaseConfig); const appAuth = getAuth(); // firestore 초기화 const appFireStore = getFirestore(app); // 나중에 다른 곳에서도 사용 가능하게 빼놓는 것 export{appAuth, getFirestore}  .envREACT_APP_API_KEY = AIzaSyAIgKLWTMyx_t8VhSzEUB3XQF755FGB7_c REACT_APP_AUTH_DOMAIN = mydiary-ccb8c.firebaseapp.com REACT_APP_PROJECT_ID = mydiary-ccb8c REACT_APP_STORAGE_BUCKET = mydiary-ccb8c.appspot.com REACT_APP_MESSAGING_SENDER_ID = 1047629886497 REACT_APP_APP_ID = 1:1047629886497:web:59ffb871ffeb3054261f60

reducer는 '줄이는 것' 이라는 사전적 의미가 있습니다. 그래서 리액트에서의 리듀서도 dispatch에 구체적인 행위(action)를 위임함으로서 setter를 단순화(줄임) 시킨다는 의미가 있는 것으로 알고 있습니다. 강의에서도 setter로직이 다수 혼재하여 리듀서가 필요한 것으로 설명하셨구요.말씀하신 누적된다는 의미와는 거리가 좀 있는 것 같습니다.강사님 의견은 어떠실까요?

windows 에서 vanila-extract 의 문제점은 구체적으로 어떤 것일까요? https://github.com/vanilla-extract-css/vanilla-extract/issues/1086해당 이슈가 맞는지 궁금합니다!

 npx sequelize db:create을 설치하다가 오류가 나서1. 최신 업데이트: npm install -g npx2. npm install -g sequelize-cli이렇게 해보았는데 Access denied for user 'root'@'localhost' (using password: NO) 에러가 떴습니다. sql설치할때 패스워드 설정했고, 그 패스워드를 .env파일에 있는 MYSQL_PASSWORD에 적어뒀는데 에러가 고쳐지질 않습니다ㅠ

10-04-graphql-codegen-mutation/query 안녕하세요, 원두 강사님. 아래글에서 빠른 답글 감사합니다. 그러나 아직 해결이 되지 않은 문제가 있습니다. "yarn generate"를 하면 Done이라고 뜨긴 하는데 ts파일이 전혀 생성되지 않고 있습니다.터미널 창 입니다.ts파일이 생기지 않은 모습입니다.codegen.yaml 파일입니다. (띄어쓰기는 두번 씩으로 들여쓰기가 한번 씩 되어 있습니다.)package.json 파일입니다. 제가 시도한 터미널 명령어는rm -rf ./node_modules && npm installyarn add -D @graphql-codegen/cliyarn add -D @graphql-codegen/typescriptyarn add ts-node입니다. 좌측 메뉴탭 윗부분의 새로고침 버튼을 여러번 눌러봐도 마찬가지고비쥬얼스튜디오코드 에디터를 껐다 다시 켜봐도 마찬가지 입니다ㅠㅜㅠㅜ AI 답변 받은 이후 차근차근 따라 해봤지만 해결이 안되고 있습니다.노드모듈즈와 yarn.lock을 지우고 yarn install 이후package.json 에서 코드젠 관련 된 코드줄 다 지우고다시 처음부터 하나씩 해봐도 안됩니다. 

크롬에서 위치 설정해줘도 아무것도 안뜨네요 ㅠㅠ

안녕하세요. react와 react-native가 따로 있는 것으로 아는대 react로는 웹과 앱 모두 한번에 개발할 수 있는 프레임워크가 따로 없나요? flutter의 경우는 3개의 환경 모두 한번에 개발이 가능한걸로 아는대 react는(반응형 x) 웹/앱 개발을 위해 native 를 별도로 개발해야하는지 궁금합니다.

(사진)

안녕하세요https://backend-example.codebootcamp.co.kr/graphql이 사이트 접속이 안되고 있습니다.점검 부탁드립니다.

안녕하세요. git 사용을 처음해보는 지라, ... git 관련해서 잘 몰라서 문의드립니다.  git bash 로  git chekcout -f ready/scaffoding 후 code . 로 vscode가 오픈되고나서, [순수JS 1]검색폼 1 까지 따라서 코딩을 하고 VSCODE 상에서 파일 저장을 했는데요.git branch명을 search-form-1 으로 저장하는 내용을 강의상에서 못본거 같은데.. [순수 JS1]검색폼 2의 앞부분에서, git checkout -f ready/search-form-1 으로 이동을 하는게 나오네요. code . 실행하게 되면 이전에 제가 저장을 했던 내용이 아닌데요.  vscode 상에서 파일 저장외에 git 변경분도 저장을 했어야 하는 걸까요?? branch명도 다르게 저장을 해야 하는 것 같은데.. 관련 명령어 좀 부탁드려도 될까요??