Singleton에서는 멤버 변수에 직접 값을 넣어야하나요? 제가 알기로는 set/get 함수를 사용하여 넣어야 한다고 알고 있는데 Singleton에서는 어떤 차이로 넣는지 알고싶어요.

const CategoryList: FunctionComponent<CategoryListProps> = function ({ selectedCategory, categoryList, }) { return <div /> } <CategoryListProps> = function여기서 이렇게 function 을 써주는것과 바로 <CategoryListProps> = () => { } 이렇게 해주는문법에 차이가있나요?? 저는 아래처럼 사용했는데 자세히 강의글 읽어보니 좀 다르네요 두가지문법 아직 제로컬에서는 에러가 나지는 않지만 차이가있는지 궁금합니다.

   warning  in ./src/css/common.css   Module Warning (from ./node_modules/postcss-loader/src/index.js): Warning   (56:46) end value has mixed support, consider using flex-end instead    @ ./node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!./node_modules/vue-loader-v16/dist/stylePostLoader.js!./node_modules/postcss-loader/src??ref--7-oneOf-1-2!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css  4:40-243  @ ./node_modules/vue-style-loader??ref--7-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!./node_modules/vue-loader-v16/dist/stylePostLoader.js!./node_modules/postcss-loader/src??ref--7-oneOf-1-2!./node_modules/cache-loader/dist/cjs.js??ref--1-0!./node_modules/vue-loader-v16/dist??ref--1-1!./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css  @ ./src/App.vue?vue&type=style&index=0&id=7ba5bd90&lang=css  @ ./src/App.vue  @ ./src/main.js  @ multi (webpack)-dev-server/client?http://172.30.1.8:8080&sockPath=/sockjs-node (webpack)/hot/dev-server.js ./src/main.js   완강하고 개발중인데 외부에서 퍼블리싱 한 코드를 그대로 넣었더니 에러는 아니고 경고가 노출되네요.. 뭐 화면 나오는데는 문제는 없는데 찝찝해서 제거를 하려고하는데 웹팩 설정을 해줘야할거 같은데 검색한대로 해도 저 경고는 지워지지가 않네요.. 혹시 무슨 문제인지 아신다면 대답 부탁드립니다 ㅜㅜ

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.

L=== n 이지만 sum !=== f인경우를 따로 처리하지않아도 되는게 밑에 f문을 돌떄 ch배열에의해 걸러져서 따로 처리를 하지 않은건가요!!?

footer 가 margin-top: auto 를 주어  인트로덕션 컴포넌트와  간격이 최대한 벌어질거라 생각되었는데..실제론 마진탑 오토가 적용이 안되더라구요 이유가있을까요?

양 옆 페이지의 요소들을 클릭해도 줌인이 안되고, 가운데 페이지의 요소만 줌인이 됩니다. 왜 그런지 모르겠어요... 올려주신 소스코드에서 그대로 해도 양 옆은 줌인이 되지 않습니다. 파이어폭스에서는 작동하는데 이미지가 표시되지 않습니다 (() => { const leaflet = document.querySelector('.leaflet'); const pageElems = document.querySelectorAll('.page'); let pageCount = 0; let currentMenu; function getTarget(elem, className) { while (!elem.classList.contains(className)) { elem = elem.parentNode; if (elem.nodeName == 'BODY') { elem = null; return; } } return elem; } function zoomIn(elem) { const rect = elem.getBoundingClientRect(); const dx = window.innerWidth/2 - (rect.x + rect.width/2); const dy = window.innerHeight/2 - (rect.y + rect.height/2); let angle; switch (elem.parentNode.parentNode.parentNode.dataset.page*1) { case 1: angle = -30; break; case 2: angle = 0; break; case 3: angle = 30; break; } document.body.classList.add('zoom-in'); leaflet.style.transform = `translate3d(${dx}px, ${dy}px, 50vw) rotateY(${angle}deg)`; currentMenu = elem; currentMenu.classList.add('current-menu'); } function zoomOut() { leaflet.style.transform = 'translate3d(0, 0, 0)'; if (currentMenu) { document.body.classList.remove('zoom-in'); currentMenu.classList.remove('current-menu'); currentMenu = null; } } function closeLeaflet() { pageCount = 0; document.body.classList.remove('leaflet-opened'); pageElems[2].classList.remove('page-flipped'); setTimeout(() => { pageElems[0].classList.remove('page-flipped'); }, 500); } leaflet.addEventListener('click', e => { let pageElem = getTarget(e.target, 'page'); if (pageElem) { pageElem.classList.add('page-flipped'); pageCount++; if (pageCount == 2){ document.body.classList.add('leaflet-opened') } } let closeBtnElem = getTarget(e.target, 'close-btn'); if (closeBtnElem) { closeLeaflet(); zoomOut(); } let menuItemElem = getTarget(e.target, 'menu-item'); if (menuItemElem) { zoomIn(menuItemElem); } let backBtn = getTarget(e.target, 'back-btn'); if (backBtn) { zoomOut(); } }); })();

Spring boot는 기본적으로 tomcat 동기 방식으로 작동하는 걸로 알고있는데 webflux도 아닌 Spring boot가 netty로 동작할 수도 있는건가요?

강사님 텝 메뉴 콘텐츠 강의 공부중 질문있는데요 밑에 content 클래스에 img태그들에 각각 div로 감싸주는 이유를 알수 있을까요?  

setter 주입은  OrderServiceImpl가 컨테이너에 빈으로 등록이 될때 의존관계가 안 일어나는게 맞나요?   제가 지금 긴가민가하는 부분은     OrderServiceImpl이 컨테이너에 빈이로 등록이 될때setter 의존관계 주입은 기본적으로 컨테이너에서 해당 타입을 찾아서 주입해주는지, 아니면 기본적으로  null 값이 들어가는지 갑자기 헷갈려서 질문드립니다   또한 setter 를 통해 새로운 의존관계 주입시 어떻게 주입해야하는 지 감이 안잡힙니다. 해당 빈을 컨테이너에 등록한 상태에서 setter 메서드를 호출해야하는데 호출할 때  파라미터에 싱글톤으로 관리되는 빈을 주입할 수가 있나요? 음.. 제가 생각하기에는 setter 메서드 파라미터에 객체 인스턴스를 넘기면  그 객체 인스턴스 타입을 컨테이너에서 해당 타입인 빈을 찾아서 주입해주는 거라 생각하는데 이게 맞는지 궁금합니다  

업로드해주신 리액트쿼리 버전을 기반으로 연습 프로젝트를 만들었습니다. PC버전에서는 로그인이 잘 되고 기능들도 이미지 업로드 부분을 제외하곤 잘 되고 있습니다. 문제는 모바일에서 로그인이 안되네요. 크롬/삼성브라우저 동일합니다. 휴대폰 USB로 연결해서 개발자모드에서 나타난 에러는 이렇고요 SSH 백서버는 아무런 반응이 없습니다. CORS문제인것 같긴한데 몇시간째 삽질중인데 갈피를 못잡겠네요.   그 외에 테이블이 대문자시작으로 생성됐는데 DROP 하고 다시 실행했지만 여전히 대문자로 시작하네요. PC버전에선 아직 별 문제를 못찾았긴 했는데  로컬에서처럼 정상적으로 테이블 생성하는 다른 방법이 있나요?   app.js 코드는 이렇습니다.   const express = require('express'); const cors = require('cors'); const morgan = require('morgan'); // front에서 보내는 요청 console 해주는 툴 const dotenv = require('dotenv'); // 환경설정 정보 저장 const hpp = require('hpp'); const helmet = require('helmet'); const passport = require('passport'); const session = require('express-session'); const cookieParser = require('cookie-parser'); const path = require('path'); // 파일이름 관련 const db = require('./models'); const passportConfig = require('./passport'); const userRouter = require('./routes/user'); const itemRouter = require('./routes/item'); const orderRouter = require('./routes/order'); const postRouter = require('./routes/post'); dotenv.config(); const app = express(); // db.sequelize.sync({ alter: true }) // 테이블 수정 가능 설정 db.sequelize.sync({ logging: false })   .then(() => {     console.log('db 연결 성공');   })   .catch(console.error); passportConfig(); if (process.env.NODE_ENV === 'production') { //배포모드일 떄   console.log('production 배포모드');   app.use(morgan('combiend'));   app.use(hpp());   app.use(helmet({ contentSecurityPolicy: false }));   app.use(cors({     origin: ['http://localhost:3060', 'http://excusemoa.com'],     credentials: true,   }));   // npm i pm2 cross-env helmet hpp } else {   console.log('dev 개발모드');   app.use(morgan('dev'));   app.use(cors({     origin: true,     credentials:  true,   })); } app.use('/', express.static(path.join(__dirname, 'uploads'))); // front에서 이미지 폴더 접근 === '/back'(__dirname) + 'uploads' app.use(express.json()); // req.body 파싱 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,   cookie: { // 쿠키 공유를 위한 필수 옵션     httpOnly: true,     secure: false,     domain: process.env.NODE_ENV === 'production' && '.excusemoa.com',     // 백, 프론트 서버 IP 다르다면 쿠키공유 위해 도메인설정 필수   }, })); app.use(passport.initialize()); app.use(passport.session()); app.get('/', (req, res) => {   res.send('hello express'); }); // 다른 라우터 불러오기 app.use('/user', userRouter); app.use('/item', itemRouter); app.use('/order', orderRouter); app.use('/post', postRouter); app.listen(80, () => {     console.log('서버 실행 중'); });     프론트 config.ts export const backUrl = process.env.NODE_ENV === 'production' ? 'http://api.excusemoa.com' : 'http://localhost:3070';

안녕하세요 맛비님,   강의중에 누가 build 및 clean 파일및 생성하는 방법을 문의 주셔서 그대로 작성을 해보았습니다.   8bit RCA를 작성하였는데 문제가 있어서 질문 드립니다   일단은 만든 build 및 .v 파일들입니다 ( 왜 다른 프로젝트처럼 build와 clean의 색상이 초록색이 아닌지 궁금합니다. 뭔가 오류가 있겠죠..)   작성한 build 입니다.   작성한 clean 입니다.   tb_fulladder.v 입니다.   RCA 입니다.   그냥 ./build 입력시 결과입니다.     원래는 쿼터스 프라임에서 작성을 하였는데 리눅스에서 실행을 해보고 싶어서 작성을 해보았습니다 쿼터스에서는 verilog 작성시 full_adder와 RCA를 한 페이지에 전부 기술을 하였지만 리눅스에서 module과 endmodule은 한 파일에 하나씩만 작성해야 한다고 들은것 같아서 나눠서 작성을 했습니다.    

안녕하세요, 강의를 듣다가 궁금한 점이 생겨 문의드립니다.   turn to poly를 누르면 사각이나 삼각으로 나뉘기는 하는데 와이어프레임이 이쁘게 쪼개지지는 않더라구요. 각에 영향을 주지 않는 평면은 사각이든 오각이든 상관없다고 하셨는데, 실제 회사에서 turn to poly 옵션을 많이 사용하나요? 아니면 터보스무스를 준다는 조건으로 턴투폴리를 사용하는건지 궁금합니다. 아무래도 모델링을 하고 리깅까지 집어넣게 되면 와이어프레임의 흐름이 정말 중요해지는데 턴투폴리가 좋기는한데 말그대로 하이폴을 만들기 위해 '활용'을 하는건지 좀 헤깔려서 질문드립니다.   (포트폴리오를 제작한다고 했을 때에 와이어프레임의 흐름이 이쁜지도 볼텐데 turn to poly를 사용하는 부분에 있어서 조심스럽겠다는 생각이 들어서요.)   그리고 게임같은 경우에 하이폴리를 베이크로 구워 텍스쳐맵으로 만들고 로우폴리에 얹는 방식으로 게임엔진에 가져간다고 했을 때, 하드섭 모델링의 경우에 turn to poly와 터보스무스등을 이용해서 하이폴리로 만들고 로우폴은 따로 리토폴로지를 하는지도 궁금합니다.

안녕하세요 tasket이 아니고 청크프로세스로 테스트를 하고있는데 해당일이 휴일이면 배치를 실행안되게끔하려고 하는데 구현 방법이 있는지요? 제일 처음 일자는 입력받고 일자가 휴일이면 그냥 종료하고 휴일이 아니면 배치를 실행시키려고 합니다.   아니면 그냥 system.exit를 해도 되는지 궁금합니다. 정상종료 시키려합니다.   휴일이면 system.exit 이렇게 할수있는 명령어가 있는지요?   job/ step/ reader 소스 첨가 합니다. @Bean public Job job() throws Exception { return jobBuilderFactory.get(JOB_NAME) .incrementer(new RunIdIncrementer()) .listener(new JobResponseListener()) .start(autoBillPayResponseStep()) .build(); } 위는 잡이고 아래는 아이템 리더인데요 ^^ 휴일인경우에는 그냥 완료 시키고 싶어요 ^^   @Bean @JobScope public Step autoBillPayResponseStep() throws Exception { // TODO Auto-generated method stub return stepBuilderFactory.get("autoBillResponseStep") .<AutoBillPayResponseDto, Future<AutoBillPayResponseDto>>chunk(CHUNK_SIZE) .reader(listItemReader(null,null,null)) .processor(asyncItemProcessor(null)) .writer(asyncItemWriter(null)) .build(); }   @Bean @StepScope public ListItemReader<AutoBillPayResponseDto> listItemReader(AutoBillPayResponseDao autoBillPayResponseDao, @Value("#{jobParameters[toDate]}") String toDate, @Value("#{jobParameters[guBun]}") String guBun) { // TODO Auto-generated method stub String baseDay = autoBillPayResponseDao.findByPreWorkDay(toDate); List<AutoBillPayResponseDto> autoBillPayResponseDto = autoBillPayResponseDao.findBillPayResponse(baseDay, guBun); return new ListItemReader<>(autoBillPayResponseDto); }  

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

출력을 할 때마다 계속 print(content.text) AttributeError: 'NoneType' object has no attribute 'text' 메시지만 뜹니다   해결책은 계속 찾고 있습니다만 코드 입력이 문제인지 아니면 업데이트가 되서 그런지 물어보고 싶습니다   코드는 다음과 같습니다.   import requests from bs4 import BeautifulSoup import time response = requests.get("https://search.naver.com/search.naver?sm=tab_sug.top&where=news&query=%EB%B8%94%EB%9E%99%ED%95%91%ED%81%AC&oquery=%EC%86%90%ED%9D%A5%EB%AF%BC&tqi=hPGDksp0Yidss4HuFwdssssstKV-439002&acq=%EB%B8%94%EB%9E%99&acr=1&qdt=0") html = response.text soup = BeautifulSoup(html, 'html.parser') articles = soup.select("div.info_group") for article in articles:     links = article.select("a.info")     if len(links) >=2:         url = links[1].attrs['href']         response = requests.get(url, headers={'User-agent':'Mozila/5.0'})         html = response.text         soup = BeautifulSoup(html, 'html.parser')         # if calls ent-news         if "entertain" in response.url:             content = soup.select_one("#articleBody")         else:             content = soup.select_one("#articleBodyContents")         print(content.text)         time.sleep(0.3)  

아무리 해봐도 현상제거가 안되는데요. 테스트 해보니깐 value이 변경되면 야구 jsx가 맨처음부터 수행되어 지는것 같습니다. 제가 놓친 부분이나 잘못 알고 있는게 있을까요? function getNumbers(){     const candidates = [1,2,3,4,5,6,7,8,9];     const array=[];     for(let i=0; i<4; i++){         const chose = candidates.splice(Math.floor(Math.random()*(9-i)),1)[0];         array.push(chose);     }     console.log('답은 : ', array.join(''));     return array; }; const BaseBall = ()=>{     const [result, setResult] = useState('');     const [value, setValue] = useState('');     const [answer, setAnswer] = useState(getNumbers());     const [tries, setTries] = useState([]);     const onSubmitForm = (e)=>{         debugger;         e.preventDefault();         if(value === answer.join('')){             setResult('홈런');             setTries((prevTries)=>{                 return [...prevTries,{try :  value, result :'홈런'}];             })             alert('게임을 다시 시작합니다.!')             setValue('');             setAnswer(getNumbers());             setTries([]);         }else{             const valueArray = value.split('').map(v=>parseInt(v));             let strike = 0;             let ball = 0;             if(tries.length >= 9){                 setResult(`10번 틀려서 실패! 답은  ${answer.join(',')}`);                 alert('게임을 다시 시작합니다');                 setAnswer(getNumbers());                 setValue('');                 setTries([]);             }else{                 for(let i=0; i<4; i++){                     if(valueArray[i] === answer[i]){                         strike += 1;                     }else if(answer.includes(valueArray[i])){                         ball += 1;                     }                 }                 setTries((prevTries)=>{                     return [...prevTries, {try: value, result : `strkie : ${strike}, ball : ${ball}`}];                 })                 setValue('');             }         }     };     const onChangeInput = (e)=>{         setValue(e.target.value);     };             return(         <>             <h1>{result}</h1>             <form onSubmit={onSubmitForm}>                 <input maxLength={4} value={value} onChange={onChangeInput} />                 <button>입력</button>             </form>             <div>시도 : {tries.length}</div>             <ul>                 {                     tries.map((v,i)=>{                         return (                             <Try key={v+'0'+i} tryInfo={v} index={i}></Try>                         );                     })                 }             </ul>         </>     );     }

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요! - 먼저 유사한 질문이 있었는지 검색해보세요. - 서로 예의를 지키며 존중하는 문화를 만들어가요. - 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요. 파이썬에서 mnist.npz 다운로드 중에 호스트와 연결이 계속 끊깁니다. 웹상에서 저 링크로 다운받을시에는 문제가 발생하지 않는데 , 파이썬에서 다운로드하는 경우에는 계속 저 에러가 발생합니다.

배포할때 에러때문에 막혀서 질문드립니다. ModuleNotFoundError: No module named 'pymongo.mongo_replica_set_client'   이런 오류가 뜨는데 로컬환경에서는 아무 문제없이 진행이되는데 아무리 구글링해봐도 해결을 못해서 질문 드립니다    

export const metadataQuery = graphql` { site { siteMetadata { title description author } } }이 부분에서 site는 그래프큐엘에 내부에있음으로 접근할수있다는걸 알았습니다..그런데 타입지정해줄때나 값을불러올때 data 는 어디서 생긴건지 이해가안가는데 알려주시면 감사하겠습니다.