이야기를 나눠요

뒤로갈수록 따라가기 버겁습니다.

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

뒤로 갈수록 설명이 친절하지 않는 기분이 듭니다. 코딩에 익숙하나 처음 플러터를 배우시는 경험자분들에게 이 강의는 정말 더할나위없이 좋은 강의라고 생각하지만, 점점 뒤로 갈수록 기본적으로 이미 다 알고있는 것처럼 설명이 생략되는 내용이 많아지면서 저처럼 코딩 자체를 플러터로 처음 배우는 초보자에게는 따라가기 힘든 부분이 많습니다. 특히 데이터베이스 부분에서 생소한 용어와 로직이 많은데 뭔가 자세한 설명없이 휙휙 넘어가는 부분이 있어 정말 막막함을 느끼고 있습니다. 저 스스로의 노력이 가장 중요하다는 건 알고 있지만, 그래도 초보자를 위한 코딩강의라면 최소한 생략하는 부분없이 초보자가 잘 이해할 수 있도록 상세하게 설명해주셨으면 좋겠습니다.

• flutter
• 클론코딩

statful widget life cycle 그림 벨로그에 올려도 될까요?

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

statful widget life cycle 그림을 공부하는 거 기록중인 개인 벨로그에 올려도 될까요?

• flutter
• 클론코딩

플러터와 AWS 연동 문의

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

안녕하세요. 먼저 질문드리기 앞서 좋은 강의 감사드립니다. 아직 강의를 다 듣지 않은 시점에서 조금은 섣부른 질문일 수도 있으나, 현재 진행중인 프로젝트 일정상 가능성여부를 보고해야하여 다음과 같은 질문을 드리는 점 양해 부탁드립니다. 질문은 다음과 같습니다. 구현조건 AWS에서 일정 시간마다 또는 결과물의 상태가 변화 할 때(e.g 피카츄에서 라이츄로 진화)마다 서버에서 데이터를 전송하여 어플리케이션에 반영 (단, 결과물 타입은 int 타입) 질문사항 1) AWS 와 플러터를 연동 가능 여부 2) 가능하다면, 초급/중급 강의에서 어떤 렉쳐를 통해 학습을 진행하면 보다 빠르게 실습이 가능한지 입니다. 다시 한 번.. 본래 커리큘럼의 취지에 맞춰 순서대로 실습하고 배우는 것이 필요하지만, 일정상 우선 제작을 해야하는 입장이라 다음과 같은 질문을 드리는 점 양해부탁드립니다.. 감사합니다.

• flutter
• 클론코딩

context-api쪽 auth.tsx를 제 나름대로 리팩토리 해보았습니다.

따라하며 배우는 노드, 리액트 시리즈 - 레딧 사이트 만들기(NextJS)(Pages Router)

[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]

제로초님, 강의에 대한 내용은 아니지만 이번에 강의를 두 번 보고나서 이제 개인적으로 블로그를 만들어보려고 하는데, 서버도 연결해보려고 합니다. 이번에 서버를 처음 만들어보는 건데 보통 백엔드랑 프론트엔드 부분이랑 같이 만들 때, 프론트 쪽부터 먼저 만들고 백엔드 쪽을 하는게 낫나요? 아니면 백엔드쪽부터 먼저 만들어 놓고 하는 게 낫나요?

• react
• 웹팩
• typescript
• socket.io
• babel
• 클론코딩

코팩님 지도 관련 재밌어요!!!

[코드팩토리] [초급] Flutter 3.0 앱 개발 - 10개의 프로젝트로 오늘 초보 탈출!

지도 강의에서 재밌으면 댓 남겨달라고 하신걸 듣고 댓글 남겨요 더 추가 원해요! 아주 api사용 하는거 재밌어요

• flutter
• 클론코딩

2023_02_05_강의 수강 시작합니다

애플 웹사이트 인터랙션 클론!

좋은 강의 감사합니다 ^^ 개발자들과 협업할때 답답함에 못이겨서 유튜브에 올라온 강의부터 정독했습니다, 23_02_05 강의 스타트! 화이팅!

• html/css
• javascript
• 웹-디자인
• svg
• 인터랙티브-웹
• 클론코딩

정말 꿀팁 강의입니다...

파이썬/장고 웹서비스 개발 완벽 가이드 with 리액트

본 강의에서 알려주신 판다스 및 이미지 활용 예제를 알려주셔서 감사합니다. 강의 후반에 알려주신 것 처럼 활용 할 수 있는 부분이 굉장히 많아 보입니다. 판다스 예제를 views.py에 녹여 봤는데, 잘 출력됩니다 ㅎㅎ 이후 템플릿 폴더 내부 html 파일을 생성해서 디자인 좀 추가해 출력하면 분석 툴 제작도 충분히 가능할 듯 싶네요. 강의 중반까지 듣고 시도해 보겠습니다 :)

• pandas
• images

인프런 클론코딩

인프런 사이트를 클론코딩해서 front/back 모두 구현할줄 알면 채용 가능한가요? 혼자 공부해서 어느 정도인지 모르겠습니다. @,@

• 클론코딩
• 클론코딩