안녕하세요 한정수님! 현재 국비지원 개발과정에 참여해서 열심히(?) 달려가고 있는 취준생입니다. 국비과정을 수강하며 혼란스럽고 어려운 점이 정말 많았는데, 우선 이렇게 좋은 강의 만들어주심에 정말 감사하다는 말씀 드려요! 취업을 목표로 선택과 집중이 필요한 시기인데 그런 부분에 대해 구체적이고 명확하게 제시해주는 강의라던가, 자료를 찾기가 쉽지 않았어서 강의를 들으며 정말 많은 도움을 받고 있어 감사했습니다!   다름이 아니라, 강의를 들으면서 한 가지 큰 의문점이 생겼는데요. 저도 늦은 나이에 개발자로 이직을 결심하고 이 길에 들어서게 되면서, 또 강의에서 소개해주시는 다른 많은 열심히 살아가고 계신 개발자님 사례라던가, 한정수님의 사례를 들으며 나는 그동안 열심히 살지 못했구나! 정말 제대로 노력해본 적이 있었던가? 하고 반성이 되더라고요. 그래서 이번에야말로 정말 최선을 다해 노력해보자, 라는 결심을 다지며 또 다시 달려나가려던 차에, 문득 궁금해졌습니다.   '열심히'나 '노력'에 대한 기준이 과연 어떤걸까? 하는 사실 보다 근본적인 의문점이기는 한데, 오키에서 보았던 어떤 분의 수기에는, 국비지원 과정만으로 개발자를 준비했고 취업에 성공했는데 매일 14시간 이상씩 개발에 몰두했다던가... 또 소개해주신 사례중에 개발자 황준일님의 회고 글도 보면 굉장히 열심히 사시는 것 같은데, 저런 정도로 열심히 해야 하는 건가? 해서, 어느 정도로 열심히 해야 하는 건지에 대한 감이 잘 잡히지 않아서요. 그런 기준이 있다면 그것을 기준으로 삼아 더 열심히 해보고 싶은데, 몸이 상하는 걸 느끼면서까지 잠도 줄이고 해야 정말 열심히 했다고 할 수 있는 걸까, 그렇게 하면 정말 막연하게 정말 좋은 곳에서 좋은 연봉으로 일할 수 있는걸까, 하는 불안함과 막연함이 같이 생기더라고요.   그래서 앞서 언급드렸던 그 누구보다 열심히 하시고 노력하시는 분들 중 한 분이신 한정수님께 질문을 드려보고 싶었습니다! 좀 더 구체적으로 말씀드리자면 현재 제 위치에서는, 취업이 되기 전까지 자바로 혼자 코드를 구현해서 웹 개발을 충분히 할 수 있을 정도로 연습하고 훈련이 되면(?) 그게 열심히 했다고 할 수 있는 것인지...? 그 정도가 될 때까지 열심히 하면 되는건지..? 그런 것들이 좀 막연하게 느껴져서 이렇게 질문을 드립니다.   감사합니다!!    

선생님 양 옆에서 색을 차게 할 방법은 없나요? 예를 들어서 위->아래 / 왼쪽->오른쪽이 동시에 차는 효과가 생기게끔 하고 싶어요. 색을 채우는 게 아니라 전 시간에 했던 것 처럼 선을 긋는 것도 마찬가지인데요. 테두리가 왼쪽 오른쪽 위쪽 아래쪽 4개가 있는데 호버했을 시에 이 네 방향이 전부 선이 그어지게 하려면 어떻게 해야 할까요?  

http 통신을 하고 싶은데 혹시 추천할만한 라이브러리가 있을까요? 그리고 예전에 pocolib를 썼는데 불필요한 파일이 많아질것  같아서 http통신만 할 수 있는 좋은 라이브러리가 있을지 궁금합니다.

 책에 나와있는 내용인데요.  1. const func = () => { return ()=> { console.log("hello"); }; };  이렇게 함수를 선언하고  2. const innerFunc = func();  이렇게 함수를 변수에다 집어넣은 후  3. innerFunc();  함수를 선언을 하면 콘솔창에 hello라고 제대로 뜨는데  1 번 바로 뒤에 func();  를 호출하면 왜 콘솔창에 hello가 안뜨는지  궁금합니다.         

안녕하세요. 네이버 주식 데이터가 크롤링이 막혔다는 소리를 들었습니다. 그래서 강의에서 배운 내용을 적용할 수 없는 거 같은데 맞나요?   제가 못 찾고 있는지 궁금해서 질문 남깁니다~

강의 10분경에 Subscriber interface에 getName이 없어 User class를 사용하신다고 이야기 주신 부분에 대한 질문입니다. 생각하기에는 Subscriber interface에 getName abstract method를 선언하여 사용하면 될 듯 한데, User를 사용한 이유가 있을까요? 이렇게 사용하는 것이 더 좋은 형태인건지 여부가 궁금해서 질문드립니다. 언제나 좋은 강의 감사합니다.

다른분들 에러 내용 확인해보고 설정 다 변경했는데 계속 오류가 뜹니다 이런오류가 뜨는데 어떤 부분이 잘못된 걸까요?

"curl -o /dev/null ~" 에 경우에 아웃풋 파일을 굳이 /dev/something 이런식으로 해서 아웃풋 파일을 처리하는건가여?  예를들어 /dev/null 이면 그냥 -o 를 지정 안해주면 되지않을까요?   이런식으로 아웃풋 파일을 처리하는 이유가있을까요?  

안녕하십니까 강사님!  질문있습니다 :)  강의를 보기전에 이번 실습에서의 제목 "현재 인증된 사용자 정보 참조" 를 보고 제가 직접 구현해 본 코드입니다.  혹시 이 방법이 강의에서 구현한 방법과 코드나 성능적인 부분에서 안좋은 점이 있는 지 궁금합니다. (예를들면 DB 를 조회하는 부분이 있기 때문에 성능면에서 좀 더 안좋다 ?) 아니면 큰 차이가 없기 때문에 그냥 사용해도되는지도 궁금합니다.  

from skimage.metrics import compare_ssim 작동이 안됩니다. 그래서 아래의 문장을 대체제로 같고왔습니다.   from skimage.metrics import structural_similarity as compare_ssim   그런데 화면이 연속으로 찍히지 않고 한장만 찍힙니다. 칭 닫기를 누르면 다음 화면으로 넘어가는데 연속으로 찍히지 않아 질문드립니다.

안녕하세요.  지금 게시글 상세보기 강의 듣고 있는데 강사님과 똑같이 코드를 쳤는데 레이아웃의 버튼 배치나 사이즈가 똑같이 안됩니다. node-scss node-loadr 도 다 설치되었는데 무엇이 문제일까요.. haeder.js 부분도 이상하게 보입니다.       상세보기 화면             client/package.json {   "name": "client",   "version": "0.1.0",   "private": true,   "dependencies": {     "@babel/core": "7.12.3",     "@babel/plugin-transform-react-jsx": "^7.14.9",     "@babel/plugin-transform-react-jsx-self": "^7.14.9",     "@ckeditor/ckeditor5-adapter-ckfinder": "^31.0.0",     "@ckeditor/ckeditor5-alignment": "^31.0.0",     "@ckeditor/ckeditor5-autoformat": "^31.0.0",     "@ckeditor/ckeditor5-basic-styles": "^31.0.0",     "@ckeditor/ckeditor5-block-quote": "^31.0.0",     "@ckeditor/ckeditor5-build-balloon": "^31.0.0",     "@ckeditor/ckeditor5-build-classic": "^31.0.0",     "@ckeditor/ckeditor5-build-inline": "^31.0.0",     "@ckeditor/ckeditor5-dev-utils": "^25.4.5",     "@ckeditor/ckeditor5-dev-webpack-plugin": "^25.4.5",     "@ckeditor/ckeditor5-easy-image": "^31.0.0",     "@ckeditor/ckeditor5-editor-balloon": "^31.0.0",     "@ckeditor/ckeditor5-editor-classic": "^31.0.0",     "@ckeditor/ckeditor5-essentials": "^31.0.0",     "@ckeditor/ckeditor5-font": "^31.0.0",     "@ckeditor/ckeditor5-heading": "^31.0.0",     "@ckeditor/ckeditor5-image": "^31.0.0",     "@ckeditor/ckeditor5-indent": "^31.0.0",     "@ckeditor/ckeditor5-link": "^31.0.0",     "@ckeditor/ckeditor5-list": "^31.0.0",     "@ckeditor/ckeditor5-media-embed": "^31.0.0",     "@ckeditor/ckeditor5-paragraph": "^31.0.0",     "@ckeditor/ckeditor5-paste-from-office": "^31.0.0",     "@ckeditor/ckeditor5-react": "^3.0.3",     "@ckeditor/ckeditor5-table": "^31.0.0",     "@ckeditor/ckeditor5-theme-lark": "^31.0.0",     "@ckeditor/ckeditor5-typing": "^31.0.0",     "@ckeditor/ckeditor5-upload": "^31.0.0",     "@fortawesome/fontawesome-svg-core": "^1.2.36",     "@fortawesome/free-solid-svg-icons": "^5.15.4",     "@fortawesome/react-fontawesome": "^0.1.16",     "@pmmmwh/react-refresh-webpack-plugin": "0.4.3",     "@svgr/webpack": "5.5.0",     "@testing-library/jest-dom": "^5.11.4",     "@testing-library/react": "^11.1.0",     "@testing-library/user-event": "^12.1.10",     "@typescript-eslint/eslint-plugin": "^4.5.0",     "@typescript-eslint/parser": "^4.5.0",     "axios": "^0.23.0",     "babel-eslint": "^10.1.0",     "babel-jest": "^26.6.0",     "babel-loader": "8.1.0",     "babel-plugin-named-asset-import": "^0.3.7",     "babel-preset-react-app": "^10.0.0",     "bfj": "^7.0.2",     "bootstrap": "^5.1.3",     "camelcase": "^6.1.0",     "case-sensitive-paths-webpack-plugin": "2.3.0",     "connected-react-router": "^6.9.1",     "css-loader": "4.3.0",     "dotenv": "8.2.0",     "dotenv-expand": "5.1.0",     "eslint": "^7.11.0",     "eslint-config-react-app": "^6.0.0",     "eslint-plugin-flowtype": "^5.2.0",     "eslint-plugin-import": "^2.22.1",     "eslint-plugin-jest": "^24.1.0",     "eslint-plugin-jsx-a11y": "^6.3.1",     "eslint-plugin-react": "^7.21.5",     "eslint-plugin-react-hooks": "^4.2.0",     "eslint-plugin-testing-library": "^3.9.2",     "eslint-webpack-plugin": "^2.5.2",     "file-loader": "6.1.1",     "fs-extra": "^9.0.1",     "history": "^4.7.2",     "html-webpack-plugin": "4.5.0",     "identity-obj-proxy": "3.0.0",     "jest": "26.6.0",     "jest-circus": "26.6.0",     "jest-resolve": "26.6.0",     "jest-watch-typeahead": "0.6.1",     "mini-css-extract-plugin": "0.11.3",     "node-sass": "^4.14.1",     "optimize-css-assets-webpack-plugin": "5.0.4",     "pnp-webpack-plugin": "1.6.4",     "postcss-flexbugs-fixes": "4.2.1",     "postcss-loader": "3.0.0",     "postcss-normalize": "8.0.1",     "postcss-preset-env": "6.7.0",     "postcss-safe-parser": "5.0.2",     "prompts": "2.4.0",     "raw-loader": "^3.1.0",     "react": "^17.0.2",     "react-app-polyfill": "^2.0.0",     "react-bootstrap": "^2.0.1",     "react-dev-utils": "^11.0.3",     "react-dom": "^17.0.2",     "react-helmet": "^6.1.0",     "react-redux": "^7.2.5",     "react-refresh": "^0.8.3",     "react-router-dom": "^5.3.0",     "reactstrap": "^8.10.0",     "redux": "^4.1.1",     "redux-saga": "^1.1.3",     "resolve": "1.18.1",     "resolve-url-loader": "^3.1.2",     "sass-loader": "^10.0.5",     "semver": "7.3.2",     "style-loader": "1.3.0",     "terser-webpack-plugin": "4.2.3",     "ts-pnp": "1.2.0",     "url-loader": "4.1.1",     "web-vitals": "^1.0.1",     "webpack": "4.44.2",     "webpack-dev-server": "3.11.1",     "webpack-manifest-plugin": "2.2.0",     "workbox-webpack-plugin": "5.1.4"   },   "scripts": {     "start": "node scripts/start.js",     "build": "node scripts/build.js",     "test": "node scripts/test.js"   },   "eslintConfig": {     "extends": [       "react-app",       "react-app/jest"     ]   },   "proxy": "http://localhost:700",   "browserslist": {     "production": [       ">0.2%",       "not dead",       "not op_mini all"     ],     "development": [       "last 1 chrome version",       "last 1 firefox version",       "last 1 safari version"     ]   },   "jest": {     "roots": [       "<rootDir>/src"     ],     "collectCoverageFrom": [       "src/**/*.{js,jsx,ts,tsx}",       "!src/**/*.d.ts"     ],     "setupFiles": [       "react-app-polyfill/jsdom"     ],     "setupFilesAfterEnv": [],     "testMatch": [       "<rootDir>/src/**/__tests__/**/*.{js,jsx,ts,tsx}",       "<rootDir>/src/**/*.{spec,test}.{js,jsx,ts,tsx}"     ],     "testEnvironment": "jsdom",     "testRunner": "C:\\Users\\skylm\\vscode\\blog\\client\\node_modules\\jest-circus\\runner.js",     "transform": {       "^.+\\.(js|jsx|mjs|cjs|ts|tsx)$": "<rootDir>/config/jest/babelTransform.js",       "^.+\\.css$": "<rootDir>/config/jest/cssTransform.js",       "^(?!.*\\.(js|jsx|mjs|cjs|ts|tsx|css|json)$)": "<rootDir>/config/jest/fileTransform.js"     },     "transformIgnorePatterns": [       "[/\\\\]node_modules[/\\\\].+\\.(js|jsx|mjs|cjs|ts|tsx)$",       "^.+\\.module\\.(css|sass|scss)$"     ],     "modulePaths": [],     "moduleNameMapper": {       "^react-native$": "react-native-web",       "^.+\\.module\\.(css|sass|scss)$": "identity-obj-proxy"     },     "moduleFileExtensions": [       "web.js",       "js",       "web.ts",       "ts",       "web.tsx",       "tsx",       "json",       "web.jsx",       "jsx",       "node"     ],     "watchPlugins": [       "jest-watch-typeahead/filename",       "jest-watch-typeahead/testname"     ],     "resetMocks": true   },   "babel": {     "presets": [       "react-app"     ]   } }       postDetail.js import React, { useEffect } from 'react'; import { useDispatch, useSelector } from 'react-redux'; import { Helmet } from 'react-helmet'; import {     POST_DETAIL_LOADING_REQUEST,     POST_DELETE_REQUEST,     USER_LOADING_REQUEST } from '../../redux/types'; import { Col, Row, Button } from 'reactstrap'; // import {Col, Row, Button} from 'react-bootstrap'; import { CKEditor } from "@ckeditor/ckeditor5-react"; import { Link } from 'react-router-dom'; import { GrowingSpinner } from '../../components/spinner/Spinner'; import {FontAwesomeIcon} from '@fortawesome/react-fontawesome'; import {     faPencilAlt,     faCommentDots,     faMouse, } from "@fortawesome/free-solid-svg-icons"; import BalloonEditor from "@ckeditor/ckeditor5-editor-balloon/src/ballooneditor"; import { editorConfiguration } from '../../components/editor/EditorConfig'; const PostDetail = (req) => {     const dispatch = useDispatch();     const { postDetail, creatorId, title, loading} = useSelector((state) => state.post);     const { userId, userName }  = useSelector((state) => state.auth);     console.log(req, "postDetail REQ");     useEffect(() => {         dispatch({             type : POST_DETAIL_LOADING_REQUEST,             payload : req.match.params.id,         });         //작성자만 삭제 버튼 보이게         dispatch({             type : USER_LOADING_REQUEST,             payload : localStorage.getItem("token")         });     }, []);     const onDeleteClick = () => {         dispatch({             //작성자만 게시글 삭제             type : POST_DELETE_REQUEST,             payload : {                 id : req.match.params.id,                 toekn : localStorage.getItem("token")             }         });     };     const EditButton = (         <>             <Row className="d-flex justify-content-center pb-3">                 <Col className="col-md3 mr-md-3">                     <Link to="/" className="btn btn-primary btn-block">                         홈                     </Link>                 </Col>                 <Col className="col-md3 mr-md-3">                     <Link to={`/post/${req.match.params.id}/edit`} className="btn btn-success btn-block">                         수정                     </Link>                                   </Col>                 <Col className="col-md3">                    <Button className="btn-block btn-danger" onClick={onDeleteClick}>                        삭제                    </Button>                 </Col>             </Row>         </>     )     const HomeButton = (         <>             <Row className="d-flex justify-content-center pb-3">                 <Col className="col-sm-12 com-md-3">                 <Link to="/" className="btn btn-primary btn-block">                         홈                     </Link>                 </Col>             </Row>         </>     );     const Body = (         <>       {userId === creatorId ? EditButton : HomeButton}       <Row className="border-bottom border-top border-primary p-3 mb-3 d-flex justify-content-between">         {(() => {           if (postDetail && postDetail.creator) {             return (               <>                 <div className="font-weight-bold text-big">                   <span className="mr-3">                     <Button color="info">                       {postDetail.category.categoryName}                     </Button>                   </span>                   {postDetail.title}                 </div>                 <div className="align-self-end">{postDetail.creator.name}</div>               </>             );           }         })()}       </Row>       {postDetail && postDetail.comments ? (         <>           <div className="d-flex justify-content-end align-items-baseline small">             <FontAwesomeIcon icon={faPencilAlt} />             &nbsp;             <span> {postDetail.date}</span>             &nbsp;&nbsp;             <FontAwesomeIcon icon={faCommentDots} />             &nbsp;             <span>{postDetail.comments.length}</span>             &nbsp;&nbsp;             <FontAwesomeIcon icon={faMouse} />             <span>{postDetail.views}</span>           </div>           <Row className="mb-3">             <CKEditor               editor={BalloonEditor}               data={postDetail.contents}               config={editorConfiguration}               disabled="true"             />           </Row>           </>       ) : (         <h1>hi</h1>       )}     </>   );;     return (         <div>             <Helmet title={`Post | ${title}`} />             {loading === true ? GrowingSpinner : Body }         </div>     ); }; export default PostDetail;       header.js import React from 'react'; import {Row, Col} from 'reactstrap'; // import {Row, Col} from 'react-bootstrap'; const Header = () => {     return (         <div id="page-header" className="mb-3">             <Row>                 <Col md="6" sm="auto" className="text-center m-auto">                                     </Col>             </Row>         </div>     ) }; export default Header;   server package.json {   "name": "blog",   "version": "1.0.0",   "main": "index.js",   "scripts": {     "dev": "nodemon ./server/server.js --exec babel-node --ignore './client'"   },   "author": "heymi",   "license": "ISC",   "keywords": [],   "description": "",   "dependencies": {     "aws-sdk": "^2.1016.0",     "babel-watch": "^7.6.0",     "bcryptjs": "^2.4.3",     "cors": "^2.8.5",     "dotenv": "^8.2.0",     "express": "^4.17.1",     "helmet": "^3.22.0",     "hpp": "^0.2.3",     "jsonwebtoken": "^8.5.1",     "moment": "^2.26.0",     "mongoose": "^5.9.18",     "multer": "^1.4.3",     "multer-s3": "^2.10.0",     "node-sass": "^6.0.1",     "path": "^0.12.7",     "sass-loader": "^12.2.0"   },   "devDependencies": {     "@babel/cli": "^7.10.1",     "@babel/core": "^7.10.2",     "@babel/node": "^7.10.1",     "@babel/polyfill": "7.10.1",     "@babel/preset-env": "^7.10.2",     "babel-loader": "^8.1.0",     "morgan": "^1.10.0",     "nodemon": "^2.0.4"   },   "repository": {     "type": "git",     "url": "git+https://github.com/jazzyfact/my-blog-site.git"   },   "bugs": {     "url": "https://github.com/jazzyfact/my-blog-site/issues"   },   "homepage": "https://github.com/jazzyfact/my-blog-site#readme" }                        

1번째 했던 질문이랑 연결됩니다. 해당영상 11:30에 dispatch는 loginRequestAction 인데 11:34에서 LOG_IN_REQUEST의 액션이 실행되는 이유는 액션 생성기에서 먼저 와서 해당 type을  saga에서 찾는걸까요 ? 그리고 다시 saga의 리턴값을 data에 담아서 그걸 다시생성기로 가져가고 생성기에  type을 reducre에 action으로 전달하여 action case에 맞는 state로 store 변경   와 진짜 한 8번은 돌려본것같네요 ㅠㅠㅠ 힘드네요.. 

안녕하세요. 강의 매우 잘 듣고 있습니다 ! 다름이 아니라 @WebMvcTest 을 빼고 @AutoConfigureMockMvc 를 사용했을 떄,  @Autowired ObjectMapper objectMapper;이 쪽에서 에러가 발생하는데 어디쪽을 보면 될까요..?Could not autowire. No beans of 'ObjectMapper' type found.감사합니다.

안녕하세요, 좋은 강의를 올려주시고 질문도 이렇게 받아주셔서 먼저 감사합니다. 다름이 아니라 제가 퀴즈 11-2번(10.8)문제를 푸는데 LRU 알고리즘으로 페이지 부재를 계산하는데 이 과정에 있어서 질문 드립니다. 1 2 3 4 5 3 4 1 6 7 8 7 8 9 5 4 5 4 2 <- 이걸 계산하면 1o 2o 3o 4o 5o 3 4 1o 6o 7o 8o 7 8 9o 5o 4o 5 4 2o 이렇게 총 13번의 페이지 부재가 일어나는 것 아닌가요? 제가 뭔갈 착각하고 있는건지 모르겠어서 질문드립니다.

지금 saga쪼개고 리듀서 연결하기 까지 본상태인데...   1. 이벤트등록 2. view에서 dispatch로 해당액션 호출 3. addPost함수실행 4. addPostApi 값실행 5. 결국엔 api값받아와서 addPost에서 해당값으로 트라이/캣츠 실행해서 해당 구문안에서 설정된 액션의 데이터를 data객체에 담아놓고 reducer에서 설정 정한 ADD_POST_SUCCESS란  액션생성기 이름이 있다면 이쪽으로 담은 data가오고 액션생성기 type에서 리듀서로 case retrun처리 state 변경  

인터페이스에서는 프로퍼티가 많은걸 구조적으로 크다고 말씀하셨는데 인터페이스에서는 구조적으로 작은게 큰거에 호환이 안되었습니다. 그런데 함수는 반대로 파라미터가 많은 즉 구조적으로 넒은 함수가 구조적으로 작은 함수랑 호환이 되었습니다. 왜 그런건가요? 어떻게 이해해야 될지 모르겠습니다. 

리팩토링 state 속성 적용부분에서   in this.$store.state.todoItems" 아부분을 쓰고 나면 todoITems를 끌어오지 못하고 에러가 납니다. 이것때문에 더이상 진행을 못하고 있습니다...  

용어에 대해서 제가 정확히 알고 있는게 맞는지 궁금하여 질문드립니다. 세션쿠키라는 용어는 단순히 "세션으로 처리하는 쿠키"라고 생각해도 될까요?

webUrl 연결하는부분에서 마지막에 webView.loadUrl(getUrl.toString()) 하고 마무리 하신뒤에  앱을 실행시켜서 테스트해주시는데 거기까지는 똑같이 나오는데 마지막에 URL이 연결되서 실행하는 화면이 아예 나오지 않고 그냥 흰색화면으로만 나타나고있습니다  혹시 어떻게 해결해야할까요? 에뮬레이터를 삭제하고 다시 설정해서 실행시켜도 같은현상이 반복되고 있습니다..

 test클래스에서 MemberRepository 빈이 없다고 나오네요  Could not autowire. No beans of 'MemberRepository' type found. @Repository를 사용하면서 빈으로 자동등록되는거 아닌가요 왜 없다고 나오죠 ㅠㅠ 리빌드해도 안되고