이야기를 나눠요
130만명의 커뮤니티!! 함께 토론해봐요.
인프런 TOP Writers
-
Slack 클론 코딩[실시간 채팅 with React]
군대에서 개발 환경 구축
군대 사지방에서 repl에서 공부 할려고 하는데 repl 환경에서도 환경구축이 가능한가요?
-
[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
좋은 강의입니다만...
강의 평가란에 남기면 강사님께 좋지 않을 듯하여 여기 건의사항을 남겨봅니다.참고로 강의 컨텐츠는 매우 대만족입니다!다만, PC로 시청 중인데도 글자 크기가 너무 작다는 느낌입니다. 차후 재촬영이 있을 때는, 필요할 때마다 클로즈업을 해주시면 감사하겠습니다.
-
[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
circle과 marker 의 타입
Set.from([circle])Set.from([marker]) 여기서 circle과 marker을 set형식으로 변환시켜주는 것으로 알고 있는데 circle과 marker이 왜 리스트 형식인지 모르겠습니다그리고 왜 [] 대괄호를 사용하여 넣어주는지 잘모르겠습니다..
-
Slack 클론 코딩[실시간 채팅 with React]
Jwt Token 을 어디에 저장하면 좋은가요?
안녕하세요. 개인 프로젝트를 진행하던 도중 Jwt Token 관련 질문이 있어서 글을 남기게 되었습니다!현재 서버로부터 Jwt Token을 받았습니다. (access-token 1개로만 구현해보려고 합니다.)해당 토큰을 프론트에서 어떤 방식으로 저장을 하여 로그인한 사용자만 이용할 수 있는 서비스에 인증을 해주시나요?? 대체로 어떤 방법으로 쓰이는지와 그 이유가 궁금합니다!검색을 하면서 찾아본 것은 아래 3가지 였습니다. 쿠키 setCookie("access-token", data.accessToken);로컬스토리지 localStorage.setItem("access-token",data.accessToken);헤더 axios.defaults.headers.common['Authorization'] = 'Bearer ' + res.data;
-
Slack 클론 코딩[실시간 채팅 with React]
개인 프로젝트 DB 구조 의견 드립니다!
안녕하세요.개인프로젝트로 간단하게 가계부를 만들어볼까 하는데요.다만, 회원가입하고 로그인해야 가계부 관련 화면이 보이도록 할 예정입니다.이때 회원가입시 받는 항목을 id, password, 가입하려는 이유 이렇게 3가지만 간단하게 받으려고 하는데 개인정보 관련된 이메일이나 핸드폰 번호까지 받아야할까요?? (혼자 고민하다가 의견이 궁금하여 여쭤봅니다!)간단하게 받으려는 이유는 개인이 개인 가계부를 작성하는 것인데 개인정보를 굳이 받을 필요가 있나 싶어서요! 나중에 구글 sns 로그인만 연동시키려고 합니다! 그리고 만약 3가지만 간단하게 받는다면 no, id, password, reason, joined_at, created_at 이렇게 DB를 만드려고하는데요! 괜찮을까요?? 의견 듣고 싶습니다.
-
[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
강의수준
이 강의가 정말 초보자용 강의가 맞나요?제가 보기엔 초보자가아닌 전공자용 레벨같아서
-
[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
수강평!
기초 문법부터 다룰 수 있어서 프로그래밍 초심자가 하면 매우 추천할 것 같습니다. 물론, 내용들이 입문자가 이해하기엔 조금 어려울 수 있으나 어느정도 초중급 이상이라면 이해하는데는 무리가 없고, 살짝 어렵게 느껴졌던 함수형 프로그래밍을 잘 풀어서 설명해주셔서 드디어 찾았던 강의다 하고 보고 있습니다 ㅎㅎ! 단순히 플러터 공부만 하러 왔다가 다시, 지루한 기초부터 파고는 있지만 각종 몰랐던 오퍼레이터나 이론등을 알 수 있어 저 또한 많이 배우고 갑니다.
-
[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
시간이 계속 다른 날짜가 나와서 원인을 찾고 있었는데
코팩님 영상 보니까 코팩님도 그러네요 ㅋㅋ 이후 강의에서 고쳐주실테니 안심하고 진행하겠습니다!
-
[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
다 뿌셔버렸습니다.
최고십니다. 감사합니다.
-
[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
구글 지도 활용하는 강의 잘 보고 있습니다!
이정도는 쉬울거라고 하시면서도 반복해서 알려주시니 이해가 더 잘됩니다!중급까지 완강하고 난 뒤에 혼자서 앱을 만들 때 구글 지도 활용할 생각에 벌써부터 싱글벙글하네요 ㅋㅋ좋은 강의 감사합니다!
-
[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
google맵 polygon 기능 관하여 질문입니다.
안녕하세요 초급 강의 수강 후 중급 강의 수강 중인 교육 생입니다. 현재 google api의 polygon 기능을 통해 만든 구역에 색깔 이외에 이미지를 넣을 수도 있을까요??
-
Slack 클론 코딩[실시간 채팅 with React]
Access denied for user 'root'@'localhost' (using password: NO) 참고하세요
back 디렉토리 안에서 npm i 실행하고 .env 환경변수까지 잘 지정해서 저장했는데 npx sequelize db:create 명령어를 때리면 Access denied for user 'root'@'localhost' (using password: NO) 에러가 나와서 환장하고 있었습니다.그러다가 config.js에서 console.log(process.env)를 입력해서 넣어보니 process.env.MYSQL_PASSWORD이 아니라 process.env.PASSWORD에 .env의 패스워드가 들어있었습니다. 따라서 // 기존 "password": process.env.MYSQL_PASSWORD,// 신규 "password": process.env.PASSWORD,이렇게 고치면 해결될수도 있습니다.
-
[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
뒤로갈수록 따라가기 버겁습니다.
뒤로 갈수록 설명이 친절하지 않는 기분이 듭니다.코딩에 익숙하나 처음 플러터를 배우시는 경험자분들에게 이 강의는 정말 더할나위없이 좋은 강의라고 생각하지만,점점 뒤로 갈수록 기본적으로 이미 다 알고있는 것처럼 설명이 생략되는 내용이 많아지면서 저처럼 코딩 자체를 플러터로 처음 배우는 초보자에게는 따라가기 힘든 부분이 많습니다.특히 데이터베이스 부분에서 생소한 용어와 로직이 많은데 뭔가 자세한 설명없이 휙휙 넘어가는 부분이 있어 정말 막막함을 느끼고 있습니다.저 스스로의 노력이 가장 중요하다는 건 알고 있지만, 그래도 초보자를 위한 코딩강의라면 최소한 생략하는 부분없이 초보자가 잘 이해할 수 있도록 상세하게 설명해주셨으면 좋겠습니다.
-
[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
statful widget life cycle 그림 벨로그에 올려도 될까요?
statful widget life cycle 그림을 공부하는 거 기록중인 개인 벨로그에 올려도 될까요?
-
[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
플러터와 AWS 연동 문의
안녕하세요. 먼저 질문드리기 앞서 좋은 강의 감사드립니다.아직 강의를 다 듣지 않은 시점에서 조금은 섣부른 질문일 수도 있으나, 현재 진행중인 프로젝트 일정상 가능성여부를 보고해야하여 다음과 같은 질문을 드리는 점 양해 부탁드립니다. 질문은 다음과 같습니다. 구현조건AWS에서 일정 시간마다 또는 결과물의 상태가 변화 할 때(e.g 피카츄에서 라이츄로 진화)마다 서버에서 데이터를 전송하여 어플리케이션에 반영(단, 결과물 타입은 int 타입)질문사항1) AWS 와 플러터를 연동 가능 여부2) 가능하다면, 초급/중급 강의에서 어떤 렉쳐를 통해 학습을 진행하면 보다 빠르게 실습이 가능한지 입니다.다시 한 번.. 본래 커리큘럼의 취지에 맞춰 순서대로 실습하고 배우는 것이 필요하지만, 일정상 우선 제작을 해야하는 입장이라 다음과 같은 질문을 드리는 점 양해부탁드립니다..감사합니다.
-
따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)
context-api쪽 auth.tsx를 제 나름대로 리팩토리 해보았습니다.
[auth.tsx]import { User } from '@/shared/interfaces/user.interface'; import { createContext, FC, PropsWithChildren, useContext, useReducer, Dispatch, ReactNode, } from 'react'; interface AuthState { authenticated: boolean; user: User | undefined; loading: boolean; } export type AuthAction = | { type: 'LOGIN'; payload: User } | { type: 'LOGOUT' } | { type: 'STOP_LOADING' } | { type: undefined }; const initialState: AuthState = { authenticated: false, user: undefined, loading: true, }; const AuthContext = createContext<{ state: AuthState; dispatch: Dispatch<AuthAction>; }>({ state: initialState, dispatch: () => null, }); const authReducer = (state: AuthState, action: AuthAction): AuthState => { switch (action.type) { case 'LOGIN': return { ...state, authenticated: true, user: action.payload, }; case 'LOGOUT': return { ...state, authenticated: false, user: undefined, }; case 'STOP_LOADING': return { ...state, loading: false, }; default: throw new Error(`Unknown action type: ${action.type}`); } }; const AuthProvider: FC<PropsWithChildren<{ children?: ReactNode }>> = ({ children, }) => { const [state, dispatch] = useReducer(authReducer, initialState); return ( <AuthContext.Provider value={{ state, dispatch }}> {children} </AuthContext.Provider> ); }; const useAuthStateDispatch = () => useContext(AuthContext); export { AuthProvider, useAuthStateDispatch }; [login.tsx]import InputGroup from '@/components/ui/field/InputGroup'; import axios from 'axios'; import { AuthAction, useAuthStateDispatch } from 'context/auth'; import { NextPage } from 'next'; import Link from 'next/link'; import { useRouter } from 'next/router'; import React, { FormEvent, useState } from 'react'; const LoginPage: NextPage = () => { const [username, setUsername] = useState(''); const [password, setPassword] = useState(''); const [errors, setErros] = useState<any>({}); const router = useRouter(); const { dispatch } = useAuthStateDispatch(); const handleSubmit = async (e: FormEvent) => { e.preventDefault(); try { const res = await axios.post( '/auth/login', { password, username }, { withCredentials: true }, ); dispatch({ type: 'LOGIN', payload: res.data?.user }); router.push('/'); } catch (error: any) { console.log(error); setErros(error.response.data || {}); } }; return ( <div className="bg-white"> <div className="flex flex-col items-center justify-center h-screen p-6"> <div className="w-10/12 mx-auto md:w-96"> <h1 className="mb-2 text-lg font-medium">로그인</h1> <form onSubmit={handleSubmit}> <InputGroup placeholder="Username" value={username} setValue={setUsername} error={errors.username} /> <InputGroup placeholder="Password" value={password} setValue={setPassword} error={errors.password} /> <button className="w-full py-2 mb-1 text-xs font-bold text-white uppercase bg-gray-400 border border-gray-400 rounded"> 로그인 </button> </form> <small> 아직 아이디가 없나요? <Link href="/register" className="ml-1 text-blue-500 uppercase"> 회원가입 </Link> </small> </div> </div> </div> ); }; export default LoginPage; 누군가에겐 도움이 되지 않을까해서 남겨 보아요!
-
Slack 클론 코딩[실시간 채팅 with React]
프로젝트
제로초님, 강의에 대한 내용은 아니지만 이번에 강의를 두 번 보고나서 이제 개인적으로 블로그를 만들어보려고 하는데, 서버도 연결해보려고 합니다.이번에 서버를 처음 만들어보는 건데 보통 백엔드랑 프론트엔드 부분이랑 같이 만들 때, 프론트 쪽부터 먼저 만들고 백엔드 쪽을 하는게 낫나요? 아니면 백엔드쪽부터 먼저 만들어 놓고 하는 게 낫나요?
-
[2024 최신] [코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!
코팩님 지도 관련 재밌어요!!!
지도 강의에서 재밌으면 댓 남겨달라고 하신걸 듣고댓글 남겨요더 추가 원해요!아주 api사용 하는거 재밌어요
-
애플 웹사이트 인터랙션 클론!
2023_02_05_강의 수강 시작합니다
좋은 강의 감사합니다 ^^개발자들과 협업할때 답답함에 못이겨서 유튜브에 올라온 강의부터 정독했습니다,23_02_05 강의 스타트! 화이팅!
-
인프런 클론코딩
인프런 사이트를 클론코딩해서 front/back 모두 구현할줄 알면 채용 가능한가요? 혼자 공부해서 어느 정도인지 모르겠습니다. @,@