인프런 아이디 : mwkang@ecstel.co.kr인프런 이메일 : mwkang@ecstel.co.kr깃헙 아이디 : mwkang@ecstel.co.kr깃헙 Username : goo1949

새일기를 작성하거나, 수정하게되면 두개씩 렌더링이 이루어 집니다.https://github.com/Byeong-Gwan/React/tree/main/Emotion-Diary

요번에 프로젝트 2를 시작했는데 뭐가 문제인지 모르겠는데 계속 오류가 뜨면서 문제가 발생하네요 분명히 아침에 작성했을때는 오류가 없이 잘 작동되었는데 말이죠... 혹시 프로젝트 1 처럼 관련 코들를 codesandbox에 제공이 가능할까요?

저같은 경우는 애초에 eslint나 prittier를 사용하고 싶지 않아서 설정을 중단하고 싶은데 어떻게 방법이 없을까요 ?5분짜리 강의를 멈추고 수정하는대만 10분을 쓰고 있습니다

import { useState, useEffect, useRef, useMemo } from "react"; import "./App.css"; import DiaryEditor from "./DiaryEditor"; import DiaryList from "./DiaryList"; import OptimizeTest from "./OptimizeTest"; const App = () => { const [data, setData] = useState([]); const dataId = useRef(0); const getData = async () => { const res = await fetch( "https://jsonplaceholder.typicode.com/comments" ).then((res) => res.json()); const initData = res.slice(0, 10).map((it) => { return { author: it.email, content: it.body, emotion: Math.floor(Math.random() * 5) + 1, created_date: new Date().getTime(), id: dataId.current++, }; }); setData(initData); console.log(initData); }; useEffect(() => { getData(); }, []); const onCreate = (author, content, emotion) => { const created_date = new Date().getTime(); const newItem = { author, content, emotion, created_date, id: dataId.current, }; dataId.current += 1; setData([newItem, ...data]); }; const onRemove = (targetId) => { const newDiaryList = data.filter((it) => it.id !== targetId); console.log(newDiaryList); setData(newDiaryList); }; const onChange = (targetId, newContent) => { for (let i in data) { if (data[i].id === targetId) { data[i].content = newContent; } } setData([...data]); }; const getAnalysis = useMemo(() => { console.log("일기 분석 시작 "); const goodCount = data.filter((it) => it.emotion >= 3).length; const badCount = data.length - goodCount; const goodRatio = (goodCount / data.length) * 100; return { goodCount, badCount, goodRatio }; }, [data.length]); const { goodCount, badCount, goodRatio } = getAnalysis; return ( <div className="App"> <OptimizeTest /> <DiaryEditor onCreate={onCreate} /> <div>전체 일기 : {data.length}</div> <div>좋은 감정 점수 개수: {goodCount}</div> <div>나쁜 감정 점수 개수: {badCount}</div> <div>좋은 감정 점수 비율: {goodRatio}%</div> <DiaryList onRemove={onRemove} onChange={onChange} diaryList={data} /> </div> ); }; export default App;

 안녕하세요 몽고디비를 다시 복습하고자 공부하던중 저번에 brew update를 통해 해결 된줄 알았지만 또 다시 같은 오류가 발생하였습니다... 이 에러는 어떠한 에러인지 찾아보고 gpt에다가 물어봐도 안나오는데.. 혹시 무엇 때문에 몽고가 brew services start mongodb-community 를하게 되면 이 오류가 발생하게 됩니다.. 도와 주세요..ㅠㅠ

인프런 아이디 : illb인프런 이메일 : illb@illb.co.kr깃헙 아이디 : goodmanrabbit@gmail.com깃헙 Username : kangguchul

인프런 아이디 : skyee23@gmail.com인프런 이메일 : skyee23@gmail.com깃헙 아이디 : skyee23@gmail.com깃헙 Username : xxsank

안녕하세요, 권한 요청드립니다.- 인프런 아이디: tpdud406@gmail.com- 인프런 이메일: tpdud406@gmail.com- 깃허브 아이디: tpdud406@gmail.com- 깃허브 username: tpdud406

위 내용은 select Box에 "선택" 이라는 걸 하나 추가 하고 싶은데 처음은 되지만 두번째가 되면 에러가 납니다. 분기 처리를 해야될 거 같은데 제가 너무 초보라 아무리 생각해도 모르겠네요 ㅠㅠ 알려주시면 감사하겠습니다

안녕하세요! 강의를 보고 따라 설치해보다가 오류가 나서 질문합니다.구글링으로도 찾아보았지만 도저히 해결이 안되어서요.node.js 버전과 npm 버전은 강사님께서 말씀하신 조건이 충족됩니다.node -v : v18.16.0npm -v : 9.5.1npm install -g @vue/clichanged 858 packages in 21s65 packages are looking for funding run npm fund for detailsnpm install을 사용했을 땐 이런 오류가 뜨고yarn global add @vue/cliyarn : 'yarn' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 위치 줄:1 문자:1 + yarn global add @vue/cli + ~~~~ + CategoryInfo : ObjectNotFound: (yarn:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundExceptionyarn을 사용했을 때는 이런 오류가 뜹니다.

2번째 문제에서 else if의 조건에else if (1 =< product.length =< 4)혹은else if (product.length =< 4 && product.length > 0)는 왜 오류가 나는지 궁금합니다

 핸드폰 번호를 입력하면 페이지 상에서는개발자 도구에서 이렇게 잘 나오지만vscode console에 찍어보면 myphone 번호가 아니라 undefined로 나옵니다.아래는 phone.js 코드입니다. (length에서 자꾸 에러가 나서 그 부분만 수정된 코드입니다.)function checkPhone(myphone) { //1. 휴대폰 번호 자릿수 맞는지 확인하기(10-11자리) if (myphone && myphone.length < 10 || myphone && myphone.length > 11) { console.log("에러 발생!!! 휴대폰 번호를 제대로 입력해주세요."); return false; } else { return true; } } //2. 인증번호 6자리 만들기 function getToken() { const result = String(Math.floor(Math.random() * 1000000)).padStart(6, "0"); console.log(result); return result; } //3. 핸드폰 번호에 토큰 전송하기 function sendTokenToSMS(myphone, result) { console.log(myphone+ "번호로 인증번호" + result + "를 전송합니다."); } module.exports = { checkPhone, getToken, sendTokenToSMS };이건 signup.html<!DOCTYPE html> <html lang="ko"> <head> <title>회원가입 연습하기</title> <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script> <script> function zzz(){ //1. 입력한 휴대폰 번호 가져오기 const myphone = document.getElementById("myphone").value console.log("나의 핸드폰 번호 : ", myphone) //2. 해당 휴대폰 번호로 인증번호 API 요청하기 axios.post("http://localhost:3000/tokens/phone", { qqq: myphone }).then((res) =>{ console.log(res.data) document.getElementById("result").innerText = res.data }) } </script> </head> <body> 휴대폰 번호 : <input id="myphone" type="text"/><button onclick="zzz()">인증하기</button> <div id="result">인증상태</div> <button>회원가입하기</button> </body> </html> index.js const express = require('express'); const { checkPhone, getToken, sendTokenToSMS } = require('./phone.js'); const swaggerUi = require('swagger-ui-express'); const swaggerJsdoc = require('swagger-jsdoc'); const {options} = require('./swagger/config.js'); const swaggerSpec = swaggerJsdoc(options); const cors = require('cors'); const app = express(); //use : 모든 메소드에서 작동한다. app.use(express.json()) app.use('/api-docs', swaggerUi.serve, swaggerUi.setup(swaggerSpec)); app.use(cors()) //GET 방식의 API를 만들겠다. //endpoint는 /로 하겠다. // /qqq이쪽 endpoint로 누군가 요청을 하면 아래 함수를 실행을 시키겠다. app.get('/boards', function (req, res) { //1.DB에 접속 후, 데이터를 조회. 조회한 데이터를 객체로 담아온다. const result = [ {number : 1, writer: "철수", title : "제목입니다.", contents: "내용이에요."}, {number : 2, writer: "영희", title : "제목입니다.", contents: "내용이에요."}, {number : 3, writer: "훈이", title : "제목입니다.", contents: "내용이에요."}, ] //2.DB에서 꺼내온 결과를 브라우저에 응답(response)으로 주기 res.send(result) }, function (req, res){ }) app.post('/boards', function (req, res) { //1. 브라우저에서 보내준 데이터 확인하기 console.log(req) console.log("=====") console.log(req.body) //2. DB에 접속 후, 브라우저에서 받은 데이터를 디비에 저장해야 함. //3. DB에 저장된 결과를 브라우저에 응답(response) 주기 res.send('게시물 등록에 성공하였습니다.') }) app.post('/tokens/phone', function(req, res){ const myphone = req.body.phone //1. 휴대폰번호 자릿수 맞는지 확인 (10-11자리) const isValid = checkPhone(myphone) if(isValid === false) return //2. 핸드폰 토큰 6자리 만들기 const myToken = getToken() //3. 핸드폰 번호에 토큰 전송하기 sendTokenToSMS(myphone, myToken) res.send("인증완료!!!") }) //포스트맨에서 send 버튼 누르는 것 = 기다린다 = listen app.listen(3000)

mainpagecomponent로 쓰던데uploadpage나 productpage는 component가 따로 안붙고 쓰던데 mainpage만 이렇게 써야되는 규칙인가요?

world(무대)에 perspective를 적용했을 때 어떤 기준으로 각 요소들의 기울어지는 정도(각도)가 정해지는지 궁금합니다!거리에 따라 가운데 card는 기울어지는 각도가 고정되어 있고 다른 카드들은 서로 거리가 멀어질수록 기울어지는 각도의 차이가 커질 줄 알았습니다.그런데 다른 속성은 수정하지 않고 margin 속성만 1em -> 5em으로 변화를 주었는데 가운데 있는 카드도 각도가 더 줄어들었습니다.그래서 world에 perspective를 적용했을 때 어떤 기준으로 각 요소들의 기울어지는 각도가 정해지는지 궁금합니다!

소스파일은 받았는데 ebook은 어디서 받아야하나요?

제가 part2만 수강중이어서요part1은 뭔가요??

얼마전에 선생님 답변 덕에 빌드는 잘 했지만 스택네비게이션 문제로 빌드 후 화면이 제대로 나오지 않아서 질문드립니다. 깃허브 주소는 https://github.com/KongGeon/jlog2 입니다.증상은 안드로이드에서 앱을 실행했을때 스플래시 화면에서 멈추는 현상입니다.App.js > Index.js > Auth.js > Signin.js 순서로 진행될때Auth.js의 스택네비게이션에서 문제가 발생하는 듯 합니다. 혹시 몰라서 옵션들도 어지간한것을은 주석처리하였는데도 스플래시에서 멈추네요 ㅜㅜApp.js의 Alert.alert("성공");은 성공적으로 나오지만 Auth.js의Alert.alert("auth");는 표시되지 않고 스플래시 화면에서 멈추는 증상이 나타납니다. Auth.js를 거치지 않고 App.js > Index.js > Signin.js index.js에서 바로 <Signin /> 를 불러오면 화면에 잘 나타납니다!

항상 감사합니다.

권한 요청 드립니다.인프런 아이디 : choigy0331@naver.com인프런 이메일 : choigy0331@naver.com깃헙 아이디 : choigy1001깃헙 Username : Keun young