webpack-dev-server를 사용시 image 파일을 수업영상에서는 문제가 없는데 제가 따라하고 있는 연습 프로젝트에서는 제대로 로드하지 못하고 있습니다ㅜㅜ src/index.scss body {   background-image: url('./img/lolche.png');   background-size: cover; } src/app.js import './index.scss' webpack.config.js module.exports = {   mode: 'development',   entry: {     main: './src/app.js'   },   output: {     filename: '[name].js',     path: path.resolve('./dist')   },   module: {     rules: [       {         test: /\.(css|scss)$/,         use: [           process.env.NODE_ENV === 'production'           ? MiniCssExtractPlugin.loader           : 'style-loader',           'css-loader',           'sass-loader'         ]       },       {         test: /\.png$/,         loader: 'url-loader',          options: {           publicPath: './dist/',           name: '[name].[ext]',           limit: 10000         }       },       {         test: /\.js$/,         loader: 'babel-loader',         exclude: /node_modules/       }     ]   },   plugins: [     new webpack.BannerPlugin({       banner: () => `빌드 날짜: ${new Date().toLocaleString()}`     }),     new HtmlWebpackPlugin({       template: './src/index.html',       templateParameters: {         env: process.env.NODE_ENV === 'development' ? 'development' : 'production'       },       minify: process.env.NODE_ENV === 'production' ? {         removeComments: true       } : false     }),     // new CleanWebpackPlugin(),     ...(       process.env.NODE_ENV === 'production'       ? [new MiniCssExtractPlugin({filename: `[name].css`})]       : []     )   ],   devServer: {     contentBase: path.join(__dirname, "dist"),     publicPath: "/"   } } npm rub build시 문제없이 html, css, js, png 파일이 /dist 폴더 내에 생성되는데 npm start로 실행시 다른 건 다 문제가 없는데 image 파일을 제대로 불러오지 못합니다 GET http://localhost:8080/dist/lolche.png 404 (Not Found) 콘솔창에 위와 같은 에러를 뿜는데 제가 뭐를 잘못했을까요?

안녕하세요. 혼자힘으로 해결하지 못하고 자꾸 질문만해서 죄송합니다 ㅠㅠ 어제 질문 올린뒤로 하루종일 구글링도해보고 새롭게 코드도 작성해봤습니다.. 우선 9/9일 올리신 a/s 영상 참고해서 구글로그인 화면까지 구현했습니다. 하지만 firebase 서버와 통신했는지 확인부분에서 다음단계로 넘어가고있지 못하고있습니다. google-services.json 파일도 다시시작할때마다 업데이트하고 강의의 모든 과정을 그대로한 상태입니다.

import React from 'react'; import Link from 'next/link' import styled from 'styled-components' import { Menu, Input, Button } from 'antd'; const layout = styled.div`     color : white; `; const upmenu = styled(Menu)`     color : red; `; const AppLayout = ({children}) =>{     return(         <layout>             <upmenu mode="horizontal">                 <Menu.Item key="home"><Link href="/"><a>홈1</a></Link></Menu.Item>                 <Menu.Item key="country"><Link href="/country"><a>홈2</a></Link></Menu.Item>                 <Menu.Item key="mail">                     <Input.Search enterButton style={{ verticalAlign: 'middle'}} />                 </Menu.Item>             </upmenu>            <Link href="/signup"><a><Button>회원가입</Button></a></Link>             {children}         </layout>     ); }; export default AppLayout; 나머지 페이지는 내용 다 문제없고 styled-components만 적용 안시키면 다 그대로 잘 돌아갑니다 ㅠ Cannot read property 'getState' of undefined TypeError: Cannot read property 'getState' of undefined at new Connect (C:\Users\hp\Desktop\react_ex\NodeBird\front\node_modules\mini-store\lib\connect.js:86:57) at processChild (C:\Users\hp\Desktop\react_ex\NodeBird\front\node_modules\react-dom\cjs\react-dom-server.node.development.js:2995:14)이런에러가 뜨는데 뭐가 문제일까요? menu item도 이름 다 바꿔보기도 했고 styled-components 내용들을 바꿔보기도 하고 다른 프로젝트에서 간단하게 실행해보려고 했는데 다 저 getState 에러가 납니다 ㅠ

제가 다른아이디로 지난 수업인 손흥민수업에서 yolo 커스텀 관련해서 질문했었는데 대답해주셨네요 감사합니다 다음수업또 꼭 들어야겠어요

(사진)

제가 취업을 위해 오토캐드 자격증을 따려고 합니다. ATC 전산기계기능사 등등등 자격증이 많더라구요 민간자격증 국가자격증 등등 많은데 멀 따면 좋을지 모르겠어서요 그리구 이 강의 완벽히 제껄로 만들면 자격증을 준비하는데는 문제가 없겟죠???

node 10.x 설치하고 아래 명령어 실행하면 저런 에러내용이 나오네요.. 무슨문제 일까요? 다시 설치하고 해도 안되고 $ npm i -g @vue/cli npm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142 npm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecated npm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecated    npm WARN deprecated mkdirp@0.5.4: Legacy versions of mkdirp are no longer supported. Please update to mkdirp 1.x. (Note that the API surface has changed to use Promises in 1.x.) npm WARN deprecated core-js@2.6.11: core-js@<3 is no longer maintained and not recommended for usage due to the number of issues. Please, upgrade your dependencies to the actual version of core-js@3. C:\Users\hmsarang\.npm-global\vue -> C:\Users\hmsarang\.npm-global\node_modules\@vue\cli\bin\vue.js npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.2.7 (node_modules\@vue\cli\node_modules\chokidar\node_modules\fsevents): npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.12: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}) npm WARN optional SKIPPING OPTIONAL DEPENDENCY: abbrev@1.1.1 (node_modules\@vue\cli\node_modules\fsevents\node_modules\abbrev): npm WARN enoent SKIPPING OPTIONAL DEPENDENCY: ENOENT: no such file or directory, rename 'C:\Users\hmsarang\.npm-global\node_modules\@vue\cli\node_modules\fsevents\node_modules\abbrev' -> 'C:\Users\hmsarang\.npm-global\node_modules\@vue\cli\node_modules\fsevents\node_modules\.abbrev.DELETE'....

제로초님 nosql 로 만들어 보고 있는 질문이 잇어서 남깁니다 이렇게 0과 1로 구분 될때는 array로 되는데  console.log를 보시면 -M3fuKU0KX27SLetTrxF 갑이 들어 왔을때는 array가 바껴 지는 것 같은데 length도 나오지 않구여  type error로 map  이 안되는것 같은데 이런 경우 혹시 어떻게 해결 해야 할지 알 수 있을까요??

안녕하세요. Flutter도 widget tree를 구성하여 하나의 앱 시스템을 구축하는데요. 예를 들어  3개의 StateFulWidget A, B, C가 있다고 가정하면 서로 필요한 함수 및 변수를 조작하기 위햐서 GlobalKey를 사용하고 있고 구동도 잘됩니다. GlobalKey를 static 으로 선언하고  필요한 곳에서 (특정 위젯의 )globalkey.currentState.doSomeThing(); 이런식으로 사용합니다. 하지만 로그를 보면 'Multiple widgets use same Globalkey'  라고 빨간색으로 경고 표시가 나오네요. 구동은 이상없이 잘되는데요. 무시하고 이런방식으로 구현을 해도 되는건가요?

zip 파일이 맥에서는 안열리는것 같은데 저만그런가요? ㅠ

이렇게 뜨는데 프리뷰창 어떻게 켜나요?

chromewebdriver가 표시되야 하는데 왜 안되는지 모르겠네요..  크롬 버전에 맞게 설치 후 chromedriver.exe를 프로젝트 폴더 내에 위치도 시켰습니다.

강사님 강의 잘 듣고 현재 간단한 프로젝트를 flutter로 만들고 있는데요. 저는 상태관리를 provider 방식으로 하고 있습니다. 궁금한점이 ListView에 게시글을 서버에서 받아서 복수개를 보여주는 로직인데요. List<게시글 VO> 형식으로 Provider Model에 저장하고 Consumer 에서 반복문으로 게시글을 보여줍니다. 동작은 잘하는데 의문이 예를 들어 ListView에 200~300여개의 게시글을 보여준다고 하면  Consumer 내부에서 200~300회의 반복문이 수행되는데 그때 ListView에 보여지는 것이 문제가 없이 잘될까요? 일단 테스트로 ListView의 하단에 도달하면 2개씩 불러오는 코드에서는 잘 되는것 같습니다. 아니면 반복문 처리를 provider model 에서 미리 해놓고 Cosumner에서는 그대로 위젯 리스트를 리턴만 시키는게 좋을까요? 코드는 아래와 같습니다. Consumer<RecruitModel>( builder: (context,recruit,child){ List<Widget> resultList=[]; for(Recruit recruit in recruit.listInMain){ Widget recruitCard = _buildRecruitCard( name:recruit.name, regDate:recruit.regDate ); resultList.add(recruitCard); } return Column( children: resultList, ); },) class RecruitModel with ChangeNotifier{ var client = http.Client(); var listInMain=[]; var listInSearch=[]; void getListInMain({var start, var cnt}) async{ var requestUrl = clientUrl+'/rc_grlbc'; Uri uri = Uri.parse(requestUrl); var urlWithParam = uri.replace(queryParameters: { 'start':start.toString(), 'cnt':cnt.toString() }); try{ var response = await client.get(urlWithParam); var list = jsonDecode(response.body); var tempList=[]; for(int i=0;i<list.length;i++){ Recruit recruit = Recruit.fromJson(list[i]); tempList.add(recruit); } listInMain..addAll(tempList); }catch(e){ print('e : $e'); } notifyListeners(); }}

localhost:8080/api/docs 하면 swagger ui 가 나오는것으로 이해했는데router 에 path : "*" 로 설정해 둬서 Not Found Page 로 들어가는데swagger ui 로 보기 위해서 따로 깔아야할 package 가 있나요 ?.? 왜 잘 안되지,,

ㅇ

client Thread는 다음과 같이 작성되었습니다. var client = OkHttpClient()var request_builder = Request.Builder()var url = request_builder.url("http://172.30.1.18:8080/MobileServer/upload.jsp")var multipart_Builder = MultipartBody.Builder()var file = File(pic_path)multipart_Builder.addFormDataPart("mobile_img",file.name,RequestBody.create(MultipartBody.FORM, file))var body = multipart_Builder.build()var post = url.post(body)var request = post.build()client.newCall(request).execute() server 코드는 다음과 같이 작성되었습니다. <%@ page import="com.oreilly.servlet.*" %> <%@ page import="com.oreilly.servlet.multipart.*" %> <%@ page import="com.oreilly.servlet.MultipartRequest"%> <% request.setCharacterEncoding("utf-8"); String path = getServletContext().getRealPath("upload"); System.out.println(path); int max = 1024 * 1024 * 100; DefaultFileRenamePolicy policy = new DefaultFileRenamePolicy(); System.out.println(request.getContentType()); new MultipartRequest(request, path,max,"utf-8",policy); %>

아무리 해도 폴더 이름을 영문으로 바꿀 수가 없습니다. 네이버 지식인에도 질문을 올렸는데 어떻게 해야 하는지 알려주시면 고맙겠습니다. https://kin.naver.com/qna/detail.nhn?d1id=1&dirId=10301&docId=351613365

안녕하세요,  제가 스프링 부트로 만든 애플리케이션을 배포할 때, nohup java -jar \     -Dspring.config.location=classpath:/application.properties,classpath:/application-$IDLE_PROFILE.properties,/home/ec2-user/app/application-oauth.properties,/home/ec2-user/app/application-real-db.properties \     -Dspring.profiles.active=$IDLE_PROFILE \     $JAR_NAME > $REPOSITORY/nohup.out 2>&1 & 위의 쉘 스크립트문으로 최종 배포를 합니다. 시중에 있는 책의 내용을 그대로 사용한 것인데요, 그런데 제가 궁금한 것은 classpath:/application.properties 와 classpath:/application-$IDLE_PROFILE.properties 는 왜 포함시켜야 작동되는건지 이해가 잘 안갑니다. -Dspring.config.location= 의 설정은 외부 파일, 즉 여기서 예를들면 /home/ec2-user/app/application-oauth.properties 나 /home/ec2-user/app/application-real-db.properties 와 같은 jar파일 내에 포함되어 있지 않은 외부파일들을 포함시킬 때 쓰는것 아닌가요? 그런데 저 classpath:/~~~를 포함시키지 않으면 실행이 안됩니다. 스프링 부트 jar 파일 내의 ~~.properties 파일들은 jar파일 내에 자동으로 포함되어있는 줄 알았는데 아니더라구요.. 원래 그런건가요? 아니면 제가 뭔가 잘못 이해하고 잘못 하고 있는건가요??

프론트에서 로그인하면 SUCCESS까지 뜨는데 back에서는 DB에 사용자가 추가되지 않았어요 이렇게 에러가 떠서 뭐가 잘못된 걸까요?  ragas/userex.js function* signUpAPI(signUpData) {     //서버에 요청을 보내는 부분      return axios.post('http://localhost:3065/api/user/', signUpData);     // return axios.post('/login'); } function* signUp(action) {     try {         //call은 동기 호출 응답받을 때까지 기다림         // yield delay(2000);         yield call(signUpAPI, action.data);         // throw new Error('에러에러에러');         yield put({             //put은 dispatch랑 동일             type: SIGN_UP_SUCCESS         });     } catch (e) {         //loginAPI 실패          console.error(e);         yield put({             type: SIGN_UP_FAILURE,             error: e,         })     } } function* watchSignUp() {     yield takeEvery(SIGN_UP_REQUEST, signUp);     // yield delay(2000);     //리스너 역할     // 비동기 요청, 타이머 넣어도 되고  } pages/signup.js에 있는 onSubmit 함수     const onSubmit = useCallback((e) => {         e.preventDefault();         if (password !== passwordCheck) {             return setPasswordError(true);         }         if (!term) {             return setTermError(true);         }         if (!agree) {             return setAgreeError(true);         }         // dispatch(signUpAction({         //     userId: id,         //     userPassword: password,         //     userName: name,         //     // major,         // }));         return dispatch({             type: SIGN_UP_REQUEST,             data: {                 userId: id,                 userPassword: password,                  userName: name,             },         });         // console.log({         //     id, name, birth, entergrade, major, nowstate, password, passwordCheck, term, agree         // });     }, [id, name, password, passwordCheck, term, agree]); reducers/userex.js에서 SIGNUP 부분         case SIGN_UP_REQUEST: {             return {                 ...state,                 isSigningUp: true,                 isSignedUp: false,                 signUpErrorReason: '',             }         }         case SIGN_UP_SUCCESS: {             return {                 ...state,                 isSigningUp: false,                 isSignedUp: true,             }         }         case SIGN_UP_FAILURE: {             return {                 ...state,                 isSigningUp: false,                 signUpErrorReason: action.error,             }        }

알려주세요.