프로젝트 실행하기 강의중에 maven compile시에 아래와 같은 에러가 발생합니다. 해결 방법이 있을까요? Failed to execute goal com.github.eirslett:frontend-maven-plugin:1.8.0:npm (npm install) on project studyolle: Failed to run task

저번 강의도 그렇고 이번 강의도 그렇고 윈도우 기준 stylesheets 및 style.css 는 따로 생성되지 않아서 직접 추가하고 코드를 영상과 같이 입력했는데도 불구하고 맵이 뜨지 않습니다. 왜 그럴까요?

안녕하세요. 강의 재미있게 보고있습니다.제가 강사님 코드랑 똑같이 따라서 해보고 있는데, 왜 성능 확인을 위한 highlight를 켰을 때 아래 이미지와 같이 불필요한 리렌더링이 발생하는 걸까요 ㅠㅠ? PureComponent를 적용해도 동일한데, 어떤 문제인지 궁금합니다.

틱택토에 이머 적용해 보았는데요 import React, { memo, useState, useReducer, useCallback, useEffect, useRef } from 'react'; import Table from './Table'; import style from './TicTacToe.module.scss'; const { produce } = require('immer'); const initialState = {   winner: '',   turn: 'x',   tableData: [     ['','',''],     ['','',''],     ['','','']   ],   recentCell: [-1, -1] } const SET_WINNTER = 'SET_WINNER'; export const CLICK_CELL = 'CLICK_CELL'; const CHANGE_TURN = 'CHANGE_TURN'; const RESET_GAME = 'RESET_GAME'; const reducer = (state, action) => {   return produce(state, draft => {     switch (action.type) {       case SET_WINNTER:         draft.winner = action.winner;         break;       case CLICK_CELL:         draft.tableData[action.row][action.cell] = state.turn;         draft.recentCell = [action.row, action.cell];         break;       case CHANGE_TURN:         draft.turn = state.turn === 'o' ? 'x' : 'o';         break;       case RESET_GAME:         draft = {           ...initialState,           winner: state.winner         }         break;       default:         break;     }   }); } function TikTakTo() {   const [state, dispatch] = useReducer(reducer, initialState);   const { tableData, turn, winner, recentCell } = state;   // const [winner, setWinner] = useState('');   // const [turn, setTurn] = useState('o');   // const [tableData, setTableData] = useState([   //   ['','',''],   //   ['','',''],   //   ['','','']   // ]);   useEffect(() => {     const [row, cell] = recentCell;     if(row < 0) {       return;     }     //Game over     let end = true;     tableData.map(row => {       row.map(cell => {         if(cell === '') {           end = false;         }       })     });     if(         (tableData[row][0] === turn && tableData[row][1] === turn && tableData[row][2] === turn) ||         (tableData[0][cell] === turn && tableData[1][cell] === turn && tableData[2][cell] === turn) ||         (tableData[0][0] === turn && tableData[1][1] === turn && tableData[2][2] === turn) ||         (tableData[0][2] === turn && tableData[1][1] === turn && tableData[2][0] === turn)       ) {         // 승리         dispatch({           type: SET_WINNTER,           winner: turn         });         end = true;     } else {       dispatch({         type: CHANGE_TURN       });     }          if(end) {       dispatch({         type: RESET_GAME       });     }   }, [recentCell]);   const onClickTable = useCallback(     () => {       dispatch({         type: SET_WINNTER,         winner: 'o'       });     },     [],   )   return (     <>       <Table         onClick={onClickTable}         tableData={tableData}         dispatch={dispatch}       ></Table>       { winner &&          <div className={style.result}>           {winner}님의 승리         </div>       }     </>          ) } export default memo(TikTakTo); 다른건 문제없이 작동하는데,  승리나 무승부 한 후에 테이블데이터 리셋 결과가 화면에 적용되지 않습니다. 리셋게임부분에 뭔가 코드를 잘못 적은걸까요..?

jwt를 이해하기 좋은 강의였습니다. jwt 설정 방법이 다양한것으로 할고있습니다. 실제 프로젝트에 적용할 때 좀더 고려해야할 부분이나 oauth2 access_token 을 jwt 로 발급받는 방법, refreshToken 적용 방법등  참고 해볼만한 자료가 있을까요?

제가 하루에 적더라도 알고리즘 두세 문제씩 풀어서 깃에 올리는 것만으로도 동기부여가 되서 그런데 혹시 깃허브에 public으로 올려도 되나요? 문제가 된다면 private으로 올리겠습니다. 제 깃은 방문자가 1도 없지만 나중에라도 강사님께 피해가 가는 건 저로서도 용납할 수 없는 일이기 때문에 조심스럽게 여쭤봅니다. 답변 부탁드립니다!

제가 강의 내용을 놓친것인지.. 외부 라이브러리를 참조만 하면 변환된 js에서 Object.defineProperty(exports, "__esModule", { value: true }); index.js:5 Uncaught ReferenceError: exports is not defined 가 발생합니다. 어떤 조치를 취해 주어야 해당 오류를 수정할 수 있을까요? ex) import $ from "jquery" npm install jquery --save; npm install @types/jquery --save-dev;

해당 강의에서는 messages_fr.properties 와 같이 설정해주셨는데, 파일 이름 형식이 _fr 와 같이 "basename_국가코드" 로 약속되어있는건지 궁금해서 질문드립니다. 

  여기서  a.index(2), 랑 a[2]가 다른 값을 나오게 되는걸까요?

문제를 꾸준히 풀면서 교수님에 알고리즘과 저에 알고리즘이 다를때가 많았는데요.  코딩테스트를 효과적으로 통과할려면 처음 공부시작할때 습관을 잘 들여나야 한다고 생각합니다. 저의 알고리즘으로 작성한 코드가 100점을 맞았다 하더라도 교수님에 알고리즘으로 한번더 코드를 작성해보는것이 좋을까요? 아니면 바로 넘어가서 다음문제를 빠르게 풀어보는게 좋을까요?

12분 경 wsl --set-default-version 2 라는 명령어로 버전을 변경 한 후 버전을 확인해보면 버전이 계속 바뀌어 있지가 않습니다. 재부팅을 해봐도 변화가 없고, 분명 이전 단계를 동일하게 수행하고 관리자 버전으로 powershell을 시작했는데도 이러한 현상이 일어납니다. 혹시 어떤 문제가 있는지 알수 있을까요? 감사합니다!

npm i 만 사용하면 어떤 모듈이 다운되나요? 검색했는데 찾기가 좀 어렵네요 ㅠ

그리고 폰트는 이제 받기 어려워졌네요..ㅠㅠ 부트스트랩만으로도 예쁘니 굳이 폰트는 안 넣어도 될 것 같지만요..  좋은 강의 감사합니다. 

실행 시 에러는 발생하진 않습니다. 기존 User, Comment, Hashtag, Post, Image 모델만 생성하고 다대다 관계의 중간 테이블은 (Like, PostHashtag, Follow) 생성하지 않습니다 ...  nodemon 실행 시 보이는 SQL문에도 기존 모델 CREATE 문만 확인 됩니다. 아래는 제가 작성한 associate 내 코드입니다. 다른 부분 캡쳐가 더 필요할까요? ㅜ // models/post.js db.Post.belongsToMany(db.Hashtag, { through: 'PostHashtag' }); db.Post.belongsToMany(db.User, { through: 'Like', as: 'Likers' }); // models/user.js db.User.belongsToMany(db.Post, { through: 'Like', as: 'Liked' }); db.User.belongsToMany(db.User, { through: 'Follow', as: 'Followers', foreignKey: 'FollowingId' }); db.User.belongsToMany(db.User, { through: 'Follow', as: 'Followings', foreignKey: 'FollwerId' }); // models/hashtag.js db.Hashtag.belongsToMany(db.Post, { through: 'PostHashtag' });

function SearchMenu(props) { const [SearchTerm, setSearchTerm] = useState("") const searchHandler = (event) => { setSearchTerm(event.currentTarget.value) props.refreshFunction(event.currentTarget.value) } return ( <ul class="icon-container"> <li class="icon-item"><SearchOutlined style={{fontSize:'20px'}}/></li> <li class="icon-item"><input class='searchBar' type='text' onChange={searchHandler} value={SearchTerm} style={{width:'80px', height:'20px'}}></input></li> </ul> ) } 위와 같이 코드를 작성하였는데 아래처럼 오류가 뜹니다.. 어떻게 해결해야 될까요?

오류도 없고  f12눌러서 봤는데 저런 오류가뜨는데요 저거때문에 잘안되네요 InfoWindow({ 여기서 빨간 오류뜨네요 f12눌렀는데요

user가 로그인할때도 로딩 true, false하지만 post에서 글등록시에도 로딩을 true, false로 바꿔주기위해 user, post외에도 common이라는 슬라이스(? 리덕스)를 만들어주어서 common에 isLoading이라는 state를 만들어주고 싶은데요, 비동기 액션들의 pending시에 isLoading을 true로 하려면 common에 액션을 모두 임포트해서 매칭해서 isLoading을 바꿔주면 될거같은데요, fulfilled나 reject시에 isLoading false는 user 나 post에서 결과처리할 때 직접 상위 객체 안에 있는 common에 접근해서 바꿔줄 순 없나요? 뷰쓸때는 vuex에서 rootState에 접근할 수 있어서 자유자재로 넘나들었는데 리액트에서도 같은 방식으로 만들려고 하니 상위 state에 접근하는 방식을 잘 모르겠네요!! 만약 상위state에 접근할 수 없다면, common에 모든 비동기 함수의 pending, fulfilled, reject를 addCase에 다 넣고 다루어 주어야하는걸까요..?

1. 은닉층에서 활성화함수로 sigmoid를 사용한 이유가 있나요?  그래디언스 소실문제로 은닉층에서 잘 사용하지 않는다고 하셨는데, 사용되어 질문합니다.  2. 손실함수로 mse 와 crossentropy 를 각각 어떤 경우에 사용하나요? crossentropy에 비해 mse가 유용한 측면은 어떤것이 있습니까? 

안녕하세요. 1. 제목 그대로 왜 class가 좋은지 말씀해주셨는데요, 간단하게 정리하면 이 부분에서 class가 좋은 이유가 결국 메모리를 먹지 않기 때문이라고 할 수 있을까요? 2. 그리고 class와 구조체의 메모리와 관련해서 질문이 있습니다. Friend jj; cout << &jj << endl; Friend_struct a; cout << &a << endl; -> 00F9F858 00F9F7E8 Friend는 class이고 Friend_struct는 구조체인데요, 메모리 할당 측면에서 class와 structure가 어떻게 다른지 확인해보고 싶은데 Friend 자체는 instantiation이 되지 않았기 때문에 주소를 출력할 수 없는 것처럼 구조체인 Friend_struct역시 마찬가지인가요? 그리고 구조체에서도 instance, instantiation이라는 개념이 있는지 궁금합니다.

안녕하세요. 제너레이터 강의 내용중 아래 이미지와 같이 Iterator 인터페이스를 구현한 NumberInterator 클래스 선언시 생성자 메소드를 사용하는 부분에서 $this 키워드를 이용하여 각 property들에 대한 초기화를 시켜주는 구문을 확인해 볼 수 있었는데요.  여기서 한가지 이해가 되지 않는 부분이 있어서 질문을 작성합니다. NumberIterator 클래스의 경우 클래스의 프로퍼티로는 $i만 가지고 있는데,  생성자 메소드를 통해 선언되어 있지 않는 'start', 'end', 'step'에 대해 값을 설정해 줬음에도 불구하고 컴파일 에러가 발생하지 않는 이유가 궁금합니다. 예상되는 것은 PHP에서 지원하는 어떠한 문법이 존재하고  생성자 메소드를 사용함으로써 NumberIterator 클래스의 객체가 생성되는 시점에 생성자 메소드가  호출되고 나서 에 $start, $end, $step이라는 프로퍼티가 클래스에 추가되는(?) 것 같은데,이 원리가 맞다면 이러한 내용은 어떤 용어로 검색을 해봐야 정확한 내용을 알 수 있을까요?