묻고 답해요
141만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
미해결[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
dispose에서 timer를 직접적으로 cancel 해줘야 하는지 궁금합니다.
안녕하세요. 강의 잘 듣고 있습니다! dispose되어서 State 객체가 사라지면 그 member인 timer도 GC에 의해 함께 메모리 해제 되는 것이 아닌지 궁금합니다.혹시 timer를 관리하는 또 다른 객체가 포인팅하고 있어서 그런건가요?
-
미해결Slack 클론 코딩[실시간 채팅 with React]
npx sequelize db:seed:all 시, ERROR: Validation error 이슈
안녕하세요 강사님,강의 중 채널 생성과정에서 오류가 있어 문의를 남깁니다.먼저, 채널 데이터를 가져오지 못해 다른 문의를 찾아보니 seed 설정을 해주지 않은거 같아 npx sequelize db:create 진행하였고, 이어서npx sequelize db:seed:all 과정을 진행했습니다npx sequelize db:seed:all 을 진행하니 Validation error가 발생했습니다.다른 문의를 보니 db에 sleact table이 생성되지 않아 발생하는 문의글이 많아서 db 사진 올려드릴게요추가적으로, back 파일에서 npm run dev를 실행하면 db 연결까지 잘 됩니다.도대체 어디가 잘 못 된 건지 감이 오지 않습니다..감사합니다.
-
미해결Slack 클론 코딩[실시간 채팅 with React]
POST http://localhost:3090/api/users net::ERR_INTERNET_DISCONNECTED
제로초님, 코드는 정확히 따라 한 거 같은데, 무엇이 문제인지 판단이 안되네요...리액트 v18, 타입스크립트 v18, axios는 1.2.3 입니다. webpackimport path from 'path'; import ReactRefreshWebpackPlugin from '@pmmmwh/react-refresh-webpack-plugin'; import webpack, { Configuration as WebpackConfiguration } from "webpack"; import { Configuration as WebpackDevServerConfiguration } from "webpack-dev-server"; interface Configuration extends WebpackConfiguration { devServer?: WebpackDevServerConfiguration; } import ForkTsCheckerWebpackPlugin from 'fork-ts-checker-webpack-plugin'; const isDevelopment = process.env.NODE_ENV !== 'production'; const config: Configuration = { name: 'sleact', mode: isDevelopment ? 'development' : 'production', devtool: !isDevelopment ? 'hidden-source-map' : 'eval', resolve: { extensions: ['.js', '.jsx', '.ts', '.tsx', '.json'], alias: { '@hooks': path.resolve(__dirname, 'hooks'), '@components': path.resolve(__dirname, 'components'), '@layouts': path.resolve(__dirname, 'layouts'), '@pages': path.resolve(__dirname, 'pages'), '@utils': path.resolve(__dirname, 'utils'), '@typings': path.resolve(__dirname, 'typings'), }, }, entry: { app: './client', }, module: { rules: [ { test: /\.tsx?$/, loader: 'babel-loader', options: { presets: [ [ '@babel/preset-env', { targets: { browsers: ['IE 10'] }, debug: isDevelopment, }, ], '@babel/preset-react', '@babel/preset-typescript', ], env: { development: { plugins: [['@emotion', { sourceMap: true }], require.resolve('react-refresh/babel')], }, production: { plugins: ['@emotion'] } }, }, exclude: path.join(__dirname, 'node_modules'), }, { test: /\.css?$/, use: ['style-loader', 'css-loader'], }, ], }, plugins: [ new ForkTsCheckerWebpackPlugin({ async: false, // eslint: { // files: "./src/**/*", // }, }), new webpack.EnvironmentPlugin({ NODE_ENV: isDevelopment ? 'development' : 'production' }), ], output: { path: path.join(__dirname, 'dist'), filename: '[name].js', publicPath: '/dist/', }, devServer: { historyApiFallback: true, // react router port: 3090, devMiddleware: { publicPath: '/dist/' }, static: { directory: path.resolve(__dirname) }, proxy: { '/api/': { target: 'http://localhost:3095', changeOrigin: true, }, }, }, }; if (isDevelopment && config.plugins) { config.plugins.push(new webpack.HotModuleReplacementPlugin()); config.plugins.push(new ReactRefreshWebpackPlugin()); } if (!isDevelopment && config.plugins) { } export default config; index.tsximport useInput from "@hooks/useInput"; import React, { useCallback, useState } from "react"; import { Form, Label, Input, LinkContainer, Button, Header, Error} from './styles' import axios from "axios"; const SignUp = () => { const [email, onChangeEmail] = useInput('');//useInput은 커스텀 훅 const [nickname, onChangeNickName] = useInput(''); const [password, setPassword] = useState(''); const [passwordCheck, setPasswordCheck] = useState(''); const [mismatchError, setMismathError] = useState(false); const onChangePassword = useCallback((e: any) => { setPassword(e.target.value); setMismathError(e.target.value !== passwordCheck); // 함수 기준으로 외부 변수만 deps에 적어줌 내부 변수는 x }, [passwordCheck]); const onChangePasswordCheck = useCallback((e: any) => { setPasswordCheck(e.target.value); setMismathError(e.target.value !== password) }, [password]); const onSubmit = useCallback((e: React.FormEvent) => { e.preventDefault(); if(!mismatchError && nickname){ console.log('서버로 회원가입하기'); axios.post('/api/users', { email, nickname, password, }) .then((response) => { console.log(response); })//요청이 성공하면 실행 .catch((error) => { console.log(error.response); })//요청이 실패하면 실행 .finally(() => {});//성공하든 실패하든 실행시키고 싶은 것 } console.log(email, nickname, password, passwordCheck) }, [email, nickname, password, passwordCheck, mismatchError]); return ( <div id="container"> <Header>Sleact</Header> <Form onSubmit={onSubmit}> <Label id="email-label"> <span>이메일 주소</span> <div> <Input type="email" id="email" name="email" value={email} onChange={onChangeEmail} /> </div> </Label> <Label id="nickname-label"> <span>닉네임</span> <div> <Input type="text" id="nickname" name="nickname" value={nickname} onChange={onChangeNickName} /> </div> </Label> <Label id="password-label"> <span>비밀번호</span> <div> <Input type="password" id="password" name="password" value={password} onChange={onChangePassword} /> </div> </Label> <Label id="password-check-label"> <span>비밀번호 확인</span> <div> <Input type="password" id="password-check" name="password-check" value={passwordCheck} onChange={onChangePasswordCheck} /> </div> {mismatchError && <Error>비밀번호가 일치하지 않습니다.</Error>} {!nickname && <Error>닉네임을 입력해주세요.</Error>} {/* {signUpError && <Error>{signUpError}</Error>} */} {/* {signUpSuccess && <Success>회원가입되었습니다! 로그인해주세요.</Success>} */} </Label> <Button type="submit">회원가입</Button> </Form> <LinkContainer> 이미 회원이신가요? <a href="/login">로그인 하러가기</a> </LinkContainer> </div> ); }; export default SignUp;이렇게 따라 한 후에 회원 가입 누르면 아래 같은 화면이 뜹니다.
-
미해결[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
스케줄을 추가했는데 값이 안들어갑니다
스케줄을 작성했는데 필터링 된 데이터에 아무값도 안들어갈까요..?
-
미해결[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
flutter 실행시 오류가 아래와 같습니다. 무엇이 문제일까요?
FAILURE: Build failed with an exception.* What went wrong:The supplied javaHome seems to be invalid. I cannot find the java executable. Tried location: C:\Program Files\Android\Android Studio\jre\bin\java.exe* Try:> Run with --stacktrace option to get the stack trace.> Run with --info or --debug option to get more log output.> Run with --scan to get full insights.* Get more help at https://help.gradle.orgException: Gradle task assembleDebug failed with exit code 1
-
해결됨[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
플러터 공부 방식에 대하여
안녕하세요 코팩 강사님!
-
미해결[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
window에서 Unable to find bundled Java version. 에러 어떻게 해결하나요?ㅠㅠ
환경설정 세팅 중 flutter doctor 실행했을 때, "Unable to find bundled Java version." 이 에러가 뜨네요 ㅠㅠ 구글링 해봐도 mac 사용자 해결방법만 나오지 window 사용자 해결방법은 따로 나오지 않네요 ㅠㅠ 도와주세요~
-
해결됨[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
업데이트 후 Java 에러가 ㅠㅠ 아무리 해도 안되요..
(사진)
-
미해결[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
[ 동영상 플레이어 ] 강의에 대한 추가 의견 !
안녕하세요, 코드팩토리 덕분에 코딩의 재미를 다시 느끼고 있는 사람입니다. 동영상 플레이어를 다 만들고나서 문득 '유튜브처럼 스크린이 애니메이션으로 부드럽게 렌더링되면 더 보기 좋겠다' 라는 생각이 들어서 아래와 같이 간단하게 코드를 추가해서 작성했습니다.실생활에서 자주쓰는 앱과 비슷하게 동작하도록 위젯트리를 구성하면 코딩의 재미가 한층 더 높아질 것 같아서 의견남겨봅니다 ㅎㅎAspectRatio( aspectRatio: _controller.value.aspectRatio, child: Stack(children: [ VideoPlayer(_controller), AnimatedOpacity( opacity: isShown ? 1.0 : 0.0, duration: const Duration(milliseconds: 300), child: Column( children: [ _NewVideoButton( onPressed: widget.onGalleryClicked, ), _VideoControlScreen( onForwardPressed: onForwardPressed, onPlayPressed: onPlayPressed, onRewindPressed: onRewindPressed, isPlaying: _controller.value.isPlaying, ), _VideoSlider( currentPosition: currentPosition, maxPosition: _controller.value.duration, onSliderChanged: (val) { _controller.seekTo(Duration(seconds: val.toInt())); }) ], ), ) ]),
-
미해결[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
데이터 모델링강의 11:36초 질문드립니다
StatModel을 데이터 모델링을 하셨는데 각 지역의 값들이 절대로 null 안들어가지 않는다라고 가정하에 작성했는데 현재는 null 이 들어오고 있네요 이런 경우는 fromJson을 어떤 형식으로 코드를 만들어야 하나요?
-
미해결[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
ios image_picker 에러
ios에서 image picker 사용 시 앱 강제종료가 됩니다ㅠㅠ예전부터 image_picker를 ios에서 잘 사용하고 있어서,, 설정문제는 아닌거같습니다.이미지를 고르고 난 후에 에러메시지가 뜨며 앱이 강제종료가 됩니다.-[__NSArrayI floatValue]: unrecognized selector sent to instance 0x281c9ce00*** Terminating app due to uncaught exception 'NSInvalidArgumentException', reason: '-[__NSArrayI floatValue]: unrecognized selector sent to instance 0x281c9ce00'*** First throw call stack:(0x180d1f70c 0x19845af04 0x180df0230 0x180cb8ffc 0x180cb820c 0x100402c78 0x100403524 0x100403204 0x10040982c 0x100409940 0x1939fd84c 0x1809df094 0x1809e0094 0x18098cd40 0x18098c990 0x180cdaab4 0x180c97fd8 0x180caac30 0x1a16c5988 0x1834a5c50 0x18323f3d0 0x1002adc94 0x1004cc3d0)libc++abi: terminating with uncaught exception of type NSException* thread #1, queue = 'com.apple.main-thread', stop reason = signal SIGABRTframe #0: 0x00000001bb46ebbc libsystem_kernel.dylib`__pthread_kill + 8libsystem_kernel.dylib`__pthread_kill:-> 0x1bb46ebbc <+8>: b.lo 0x1bb46ebd8 ; <+36>0x1bb46ebc0 <+12>: stp x29, x30, [sp, #-0x10]!0x1bb46ebc4 <+16>: mov x29, sp0x1bb46ebc8 <+20>: bl 0x1bb46a60c ; cerror_nocancelTarget 0: (Runner) stopped.Lost connection to device.에러메세지입니다..가끔은 밑에 이미지처럼 에러가 나면서 앱이 강제종료됩니다 ㅠㅠ 원인이 뭘까요...? 도와주세요ㅠㅠ
-
해결됨[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
랜덤 숫자가 3개가 안되는 경우가 있습니다.
newNumber에서 3개가 아니면 while문을 계속 될텐데콘솔에 찍인 걸 보면 2개가 있는 경우가 있습니다. 왜 그럴까요?
-
해결됨따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
[서버 실행해서 지금까지 나오는 에러 해결] 부분 진행 중 에러
import "reflect-metadata";^^^^^^SyntaxError: Cannot use import statement outside a module 해당 에러 발생 후 , package.json 파일에type 을 추가 후 실행 하였더니, 충돌 에러가 발생합니다 ㅠ 어떻게 해결 해야 하는지 조언좀 부탁드립니다.https://github.com/bottlesun/study/tree/master/09-redditClone-nextjs
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
강사님 이 코드에서 백틱과 따옴표들이요..
const subs = await AppDataSource.createQueryBuilder() .select( `s.title,s.name,${imageUrlExp} as "imageUrl", count(p.id) as "postCount"` ) .from(Sub, 's') .leftJoin(Post, 'p', `s.name = p."subName"`) .groupBy('s.title, s.name, "imageUrl"') .orderBy(`"postCount"`, 'DESC') .limit(5) .execute(); 위의 코드에서 백틱 ``과 따옴표들 '', "" 사용방식들에대한 기초적인 지식을 쌓으려면 어떻게 검색해보면될까요?일단 제 나름대로 접근식으로는 .from이나 .orderBy 이런건 typeORM 문법인거같아서 찾아보니 문서에는 백틱은 안적혀있는거같고 따옴표로만 작성해준거같아서요.. 혹시 변수가 들어가있으면 ``를써주는게맞나요?근데 .orderBy부분에서 `"postCount"`, 이부분이 좀 이해가 안가는게 백틱에 또 큰따옴표를 감싸주셔서..
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
강사님 req.header.cookie에 언제 쿠키를 담아줬는지 궁금합니다.
export const getServerSideProps: GetServerSideProps = async ({ req, res }) => { try { const cookie = req.headers.cookie; console.log(req.headers.cookie); // 쿠키가 없다면 에러를 보냄 if (!cookie) throw new Error('Missing auth token cookie'); // 쿠키가 있다면 그 쿠키를 이용해서 백엔드에서 인증 처리하기 await axios.get('/auth/me', { headers: { cookie } }); return { props: {} }; } catch (error) { // 백엔드에서 요청에서 던져준 쿠키를 이용해 인증 처리할 때 에러가 나면 // login 페이지로 이동 res.writeHead(307, { Location: '/login' }).end(); return { props: {} }; } }; axios.get에 파라미터로 헤더.쿠키 로 넣어준걸까요?근데 순서대로 코드가 동작하게되면 if문에 걸려서 영원히 쿠키가 없어 페이지가 로그인페이지로 이동될텐데 제가 잘못생각한걸까요?두번쨰로 리턴 props:{}로 해주신 이유에대해서 궁금합니다. 다른식으로 그냥 return; 이렇게 작성하고 끝내도 괜찮을까요?
-
미해결Slack 클론 코딩[실시간 채팅 with React]
swr revalidate에 대해 질문드립니다.
안녕하세요 swr revalidate 가 deprecated 되어 mutate를 사용하면 된다는 답변을 확인하고 mutate를 썼는데 궁금한 점이 있습니다. mutate()를 하는 이유는 로그인 성공했을때 그 시점에 users api를 호출하기 위해서 인가요?그리고 mutate 와 무관하게 디폴트 설정에따라(화면전환등) SWR에서 userapi를 호출하고 있는것도 맞나요?1: 화면 첫 렌더링때 user api 콜로그인mutate실행으로 user api 콜화면전환했을때 다시 콜 제가 이해한게 맞는지 답변 부탁드립니다.감사합니다.
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
배포는되는데 회원가입부터 오류가 막뜹니다
안녕하세요 선생님첫화면엔 커넥션 리퓨즈 뜨고회원가입 누르면 이러한 오류가 뜹니다 넘어가질 않고 오류가 계속나오는데 왜이런걸까요?..무엇이 문제인지 궁금합니다:4000 으로 계속 찍히는거 보면 cors가 안되는것일까요강의보고 다 제대로 따라했는데 ㅠㅠ도와주시면 감사하겠습니다
-
해결됨[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
함수내에 타입을 선언시 에러가 나오는데 함수내에서는 타입 지정이 되지 않는 것인가요?
void main() { enum ItemCode { // 미세먼지 PM10, // 초미세먼지 PM25, // 이산화질소 NO2, // 오존 O3, // 일산화탄소 CO, // 이황산가스 SO2, } final dd = ItemCode.values.firstWhere((element) => element.name == 'PM10'); print(dd == ItemCode.PM10); } 위와 같이 함수내에 타입을 선언시 에러가 나오는데 함수내에서는 타입 지정이 되지 않는 것인가요?
-
미해결따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
선생님 삭제기능은 어떤식으로 해야될까요
선생님 포스트 나 댓글 삭제기능은 어떤식으로 해야될까요 따로 강의는 없겟죠? ㅠ
-
해결됨[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
StatefulWidget 선언하기 문의 드립니다
강의에 있는 강사님 git을 다운 받아서 보는데 에뮬레이터가 실행이 안되어서요버전 오류 같은데 어떻게 설정을 해야하나요?다른 파일에도 빨간 불이 들어 왔어요그리고 혹시 수정을 하게 된다면 제가 새롭게 만드는 파일에 영향이 미치나요?