데이타의 변화를 라이브러리에서 감지에서 반영해 준다 라는 설명이 어렵습니다. 먼저 라이브러리 란 무슨 라이브러리 이고 그 라이브러리가 웹서버 처럼 항상 뛰어져 있어서 데이타의 변화를 감지 하는 건지요 답변 부탁 드립니다.

안녕하세요 예제를 끝까지하고 실행해보니 잘됐습니다. 근데 한가지의 문을 계속 클릭하니깐 문가 갑자기 커지면서 열리더군요 계속 그러지는 않고 가끔씩 문이 갑자기 커집니다. 이건 에러인가요..?

즉시함수를 이용하는 이유에 대해서 설명하신 【변수 유효 범위를 분리하기 위해서...】의 뜻이  변수의 스코프를 말씀 하시는거 같은데 원래 익명함수를 실행하면 전역(static) 스코프로 메모리에 올라가는 건가요? 어디서 사용할려고 전역변수로 올리는 이유도 잘 모르겠습니다.   오픈라이브러리 서버란  웹서버를 대신 하는거 같은데 오픈라이브러리를 실행하면 위의 익명함수가 실행이 되는지요  라이브러리가 데이터의 변화를 감지한다고 하셨는데 무슨 라이브러리를 말씀 하시는건가요?  나름대로 정리해서 질문한다고 몇차레나 쓰고 지우고 반복했는데도 정리가 안되보이네요 두서없는 질문입니다만 자세한 답변 부탁 드립니다.

socket.request.session에서는 color에 접근할 수 없기때문에 app.js에서 sessionMiddleware를 따로 분리하여 socket.js에 넘겨주어 socket.request.session에서 color 속성에 접근할수 있게 했는데 "Cannot read property 'color' of undefined" 오류가 발생하는네요 원인을 모르겠습니다 제가 코드를 잘못작성한것 같아서 github 코드를 참고하여 수정해봤는데도 계속 이런 현상이 나타나네요 콘솔로 socket.request.session을 찍어보는데 아예 undefined가 출력되는걸 봐서 socket.request.session에 request.session이 전달되지 않는것 같습니다 https://socket.io/docs/v3/faq/index.html 혹시 express-session에 접근할 수 있는 다른 방법이 있나 공식문서를 참고해봤는데 강의내용과 다르지 않더라구요 더 찾아본 결과 express-socket.io-session 라이브러리가 존재하는걸 확인했는데 이걸 사용해야 하나 고민입니다

삭제된 글입니다

안녕하세요 jpa부터 스프링까지 좋은 강의 만들어주셔서 많이 배우고 있습니다. 감사합니다. 제가 플랫폼을 2개 만들려고하는데요 예를들어 inflearn.com -> 교육 플랫폼competition.inflearn.com -> 대회 플랫폼이렇게 두 플랫폼을 만든다면, 예를들어 교육플랫폼에서 인공지능을 공부하고 대회 플랫폼에서는 배운 인공지능을 활용해서 서로 경쟁을 하는것입니다. 위 두개의 플랫폼을 만든다고 한다면,, 서로 분리된 프로젝트로 나눠야할것같은데.. 교육플랫폼 회원은 별도의 회원가입없이 대회플랫폼도 이용하게 하고싶고, 쪽지기능, 채팅기능, 게시판기능등 겹치는 기능이 많을것 같습니다. 만약 두개의 프로젝트를 나눠서 개발하게되면 엄청난 복붙을 해야할거같고 에러가 많이 발생할것같습니다.. 또 하나로 하자니 비대해지고 두 플랫폼의 성향이 많이 달라 다른 프로젝트로 나누는게 깔끔할것같습니다.. 위 같은 상황에서는 어떻게 하시나요?

제가 중간에 놓친것같은데.. inspector? 데이터 확인하는 부분있던데.. 크롬확장툴 이름이 뭘까요? :) 3:33초에 나왔습니다!

안녕하세요 영한님 이번 강의를 듣고 궁금증이 생겨 이렇게 질문드립니다. 1. 첫번째 질문입니다.   평소에 의존성 주입을 할때 의존성을 주입할 객체를 private final로 선언한후에 Lombok의 @RequiredArgsConstructor를 사용하거나 final로 선언된 객체를 생성자를 통하여 받아 주입을 하였습니다. 근데 강의를 듣다보니 영한님같은 경우는 @Autowired를 생성자에 사용하고 계신데 로그상으로 봣을때는 @Autowired가 있고 없고가 차이가 없어 보입니다. 혹시 @Autowired의 사용 유무에 따라서 내부적으로 차이점이 있는건가요? 2. 두번째 질문은 14:40 구간에 스프링 빈저장소 그림을 보다가 문득 생각났는데요 Bean객체가 빈 저장소에 등록되는 순서가 존재하는 걸까요? MemberService의 경우는 MemberRepository의 의존성을 주입 받아야하는데 MemberService가 먼저 빈저장소에 등록되고 이후에 MemberRepository에 등록되는 경우는 MemberService가 생성될때 MemberRepository의 빈정보는 빈 저장소에 없는 상태인데 이럴경우는 어떻게 해당 객체를 생성자를 통하여 주입후 MemberService가 생성되는지 궁금해졌습니다. 그래서 제가 스스로 생각해본 내용은  전체의 빈을 먼저 스캔한후 주입받을 내용이없는 빈을 먼저 빈저장소에 등록후 이후에 주입받을 빈이 있는 객체를 생성하여 빈저장소에 저장한다. 라고 생각도 해보았는데 로그상으로 보면  Creating shared instance of singleton bean 'AClass' Creating shared instance of singleton bean 'BClass' Autowiring by type from bean name 'AClass' via constructor to bean named 'BClass' 이 순서대로 빈이 생성되어 주입되는듯하네요 그래서 또 다른 생각은 SpringMVC같은 경우는 컨트롤러에서 요청된 내용을 reflection을 통하여 해당하는 요청의 메소드를 invoke시키는 것으로 배웠는데 그렇다면 빈들을 먼저 빈 저장소에 저장후에  그 이후에 저장된 빈에서 주입이 안된 객체를 찾아 꺼내고 reflection을 통하여 생성자의 파라미터에 주어진 객체를 저장해줄까 라는 생각도 해보았습니다. 스프링에서는 내부적으로 빈이 어떻게 주입이 되는지가 궁금합니다. ㅎㅎ!

중간중간 (8:35 초 등)에 나오는 Optional 형 등 타입 확인할 때 나오는 단축키 이름이 뭔가요??

사진과 같이 네비 부분에 3번째 4번째 서브메뉴 같은 경우엔 항목이 3개라서 빈부분이 생겨버려서 깔끔한 모양이 안나오는데 저런 경우 어떻게 해줘야 되는건가요?   

시퀄라이즈를 사용하면서 기존에 이미 있는 DB를 연결만 시켜서 사용할수도 있을까요?? 이미 사용중인 DB에(데이터도 있습니다)  sql 쿼리를 작성해서 사용하던걸 시퀄라이즈로 대체하려고 하는데,  DB테이블을 생성이나 변경 없이 사용할 수 있을까요??

mysql 설치해서 db연결하는 것까지는 성공했습니다. 그런데 back server에 접속하면 404 에러가 나와서요ㅜㅜ. 왜 그런지 감도 못잡고 있는 초보입니다. 도와주세요~ ubuntu@ip-172-31-47-106:~/Ymillonga/back$ sudo mysql -u root -p Enter password:  Welcome to the MySQL monitor.  Commands end with ; or \g.Your MySQL connection id is 42 Server version: 8.0.22 MySQL Community Server - GPL       Copyright (c) 2000, 2020, Oracle and/or its affiliates. All rights reserved. Oracle is a registered trademark of Oracle Corporation and/or its affiliates. Other names may be trademarks of their respective owners. Type 'help;' or '\h' for help. Type '\c' to clear the current input statement. mysql> use react-nodebird; Reading table information for completion of table and column names You can turn off this feature to get a quicker startup with -A Database changed mysql> show tables; +--------------------------+ | Tables_in_react-nodebird | +--------------------------+ | Follow                   | | Hashtags                 | | Like                     | | PostHashtag              | | comments                 | | images                   | | posts                    | | users                    | +--------------------------+ 8 rows in set (0.00 sec) mysql> exit; Bye app.js const express = require('express'); const cors = require('cors'); const session = require('express-session'); const cookieParser = require('cookie-parser'); const passport = require('passport'); const dotenv = require('dotenv'); const morgan = require('morgan'); const path = require('path'); const hpp = require('hpp'); const helmet = require('helmet'); const postRouter = require('./routes/post'); const postsRouter = require('./routes/posts'); const userRouter = require('./routes/user'); const hashtagRouter = require('./routes/hashtag'); const db = require('./models'); const passportConfig = require('./passport'); dotenv.config(); const app = express(); db.sequelize.sync()     .then(() => {         console.log('db연결 성공');     })     .catch(console.error); passportConfig(); if (process.env.NODE_ENV === 'production') {     app.use(morgan('combined'));     app.use(hpp());     app.use(helmet()); } else {     app.use(morgan('dev')); } app.use(cors({     origin: ['http://localhost:3060', 'nodebird.com', 'http://52.79.186.162'],//'http://nodebird.com', 해당 주소에서 온 요청만 허용     credentials: true,//true: cookie를 다른 도메인(3060 port에서 3065 port로 전달하는 경우)으로 전달하게 함 })); app.use('/', express.static(path.join(__dirname, 'uploads')));// '/' => 'localhost:3065/모모.png',__dirname(현재폴더:back), __dirname + 'uploads'로 적지 않는다. 운영체제마다 /(맥),\(윈도우) 경로설정 다른 것을 자동으로 해준다.  app.use(express.json()); app.use(express.urlencoded({ extended: true })); app.use(cookieParser(process.env.COOKIE_SECRET)); app.use(session(     {         saveUninitialized: false,         resave: false,         secret: process.env.COOKIE_SECRET,     } )); app.use(passport.initialize()); app.use(passport.session()); app.use('/posts', postsRouter); app.use('/post', postRouter); app.use('/user', userRouter); app.use('/hashtag', hashtagRouter); // app.use((err, req, res, next) => { //     //에러 처리 미들웨어를 특별하게 보이도록 하고 싶을 때 따로 만들어주기 // }); app.listen(80, () => {     console.log('서버 실행 중'); });

코드만 봐서 이해가 안가서 프린트문으로 보이도록 짜봄 이래하면 result  = n * factorial(n-1) 부분에서 다시 함수 호출, 호출 하면서 5번 더 내려가고 1에 도달하면 1*2*3*4*5*6 식으로 올라오면서 하나씩 함수 닫고 마지막에 결과값 반환하고 함수 종료 def factorial(n): '''Factorial Fucntion -> n: int''' if n == 1: print('n: ', n) return 1 else: print('n: ', n) result = n * factorial(n-1) print(n, result) return result

코드수정하고 확인하는데 html 할때는 바로바로 수정확인이되는데 이건 바로바로수정확인이안되요 ㅠㅠ 원래그런가요? 

html 작성시에,그냥 a태그로만 안하고 ul과 li를 사용하는 이유가,글자에만 영역을 잡으려고 한다고 하셨습니다. 그렇게 하지 않으면 보더를 그렸을때 아래사진처럼, 글자 옆으로 영역이 더 발생하기에 그렇게 한다고 하셨고,아, 그런의도구나라고 이해했습니다. 그렇다면, jquery 식을 보면, $('.navi li').mouseenter(function(){     var changeImage = $(this).attr('data-image')     $('.photo').css({"background-image" : "url("+ changeImage +")"}) }) $('.navi li').mouseleave(function(){     var changeImage = $(this).attr('data-image')     $('.photo').css({"background-image" : ""}) }) 이렇게 되면,".btn li"를 눌렀을 때가 되고, 결국 li의 영역은위의 사진처럼 영역이 똑같아 지게 됩니다. 따라서, '.navi li a' 여기에 mouseenter와 mouseleave가 있어야 합니다.그러나 이렇게 되면 changeImage의  data-image경로가 꼬여버리기 때문에data-image를 li가 아닌 a에 주던가, 혹은 아래처럼, $('.navi li').mouseenter(function(){     var changeImage = $(this).parent().attr('data-image')     $('.photo').css({"background-image" : "url("+ changeImage +")"}) }) $('.navi li').mouseleave(function(){     var changeImage = $(this).parent().attr('data-image')     $('.photo').css({"background-image" : ""}) }) parent()를 넣어줘서 해야,영역이 아래 그림처럼 잡히고 그안에서만 반응하도록선생님께서 의도한 기능이 구현되는 것 같습니다. 제가 말씀드리는 부분이 이해가 가시나 모르겠습니다. 주제넘게 이런거 올려서 죄송합니다.보다 정확하게 하고 싶은 마음과, 선생님께 제가 이렇게 생각한걸 보고 피드백도 받고 싶은 마음,그리고 제가 짚어낸 부분이 맞다면, 다른분들도 같이 참고 했으면 하는 마음이 있어서 그랬습니다. 피드백 기다리겠습니다.

저도 해당 질문과 같이 Queued 상태가 나와 질문올립니다. Travis CI에서 Job 안에 View Config를 봤을떄, 대략 다음과 같은 얘기가 나와서 우선 수정해봤습니다. 이제 Build Configuration은 체크로 뜨는데, 계속 Queued에서 멈춰 여쭤봅니다.sudo don't affect anymore root : os missing, use linux root : dist missing, use xenial (수정 .traivs.yml) language: generic dist: xenial os: linux services: - docker before_install: - echo "create docker image" - docker build -t bapbodanbbang/docker-react-app -f Dockerfile.dev . script: - docker run -e CI=true bapbodanbbang/docker-react-app npm run test -- --coverage after_success: - echo "Test Success!" after_failure: - echo "Test Fail!"

강의를 들을때는 반환하는 경우가 대부분이라 문제 없었는데, 포폴을 만들다보니 요청받을때 파라미터를 제가 별도로 만든 클래스로 받는다면 해당 클래스 네이밍을 어떻게 해야하는지 모르곘습니다. 네이밍이야 어떻게 하든 돌아는 가겠지만 왠만하면 어느정도 실무에서 통용되는게 있다면 그걸 쓰고 싶은데 그런게 있나요?? 현재는 요청받을때, 반환할때 둘다 땡땡땡DTO 이런식으로 하고 있긴한데 용도가 다름에도 똑같이 이름짓는다는게 너무 찜찜해요=_=

1. header에 position 주면은요. header가 붕떠서 head-inner는 높이값을 잃어서 접혀야 되는데 왜 그대로 있지요? 2.헤더에 포지션렐러티브있는 상태에서, sub-back에 포지션엡솔루트 주면 기본값이 left0 top0 이라고 하셨는데 저 값을 줘도 서브백이 그자리에 그대로 있었는데 왜 그런거지요? 음.

앞으로는 10 을 기준으로 만들어야 하는데 getExternalStoragePublicDirectory대신 사용할수 있는 방법이 있나요?

바로 밑밑 게시글에 전체 섹션 완성후 home 섹션 처음 로딩될 때 라는 제목으로 5일정도 전에 문의 드렸었는데, 처음 로딩될 때 온갖 태그들이 합쳐진 상태로 난잡하게 보여진 후 그다음 애니메이션이 실행되는 걸로 질문을 드려서, 알아 보신후에 재답글 주신다고 하셨는데 아직 재답글이 안달려서 재문의 드립니다.