profile
코딩하는초딩쌤
태그 목록
전체보기 (259)react native(26)login(10)useMutation(10)subscription(9)Cache(8)react hook form(8)navigation(7)chat(6)usequery(5)Flatlist(5)graphql-ws(5)unfollow(4)pagination(4)image(4)animated(4)imageUpload(4)useReactiveVar(4)styled components(4)apollo(4)S3(4)uploadPhoto(4)modify(4)Comment(4)photo(4)graphql(4)follow(4)Token(3)useForm(3)Pubsub(3)useUser(3)hashtag(3)prisma(3)signup(3)middleware(3)deploy(3)heroku(3)logout(3)react router dom(3)scss(3)JWT(3)typescript(3)mongodb(3)realtime(3)publish(3)editProfile(3)ScrollView(3)stackNavigation(3)ionicons(3)aws(3)search(3)fileupload(3)makeVar(3)express(3)useApolloClient(2)category(2)googlemap(2)NestJS(2)PanResponder(2)setOptions(2)nextjs(2)pug(2)fragment(2)keyFields(2)addDish(2)offset(2)order(2)params(2)jsonwebtoken(2)UI(2)entity(2)styled-components/native(2)updateProfile(2)useWindowDimensions(2)POST(2)dismissKeyboard(2)tailwind(2)videoUpload(2)PlanetScale(2)context(2)enter(2)prisma client(2)babel(2)bcrypt(2)build(2)bottomTabNavigation(2)apolloClient(2)Vercel(2)useLocation(2)react-query(2)mongoose(2)toggleLike(2)activityIndicator(2)db(2)relation(2)useMe(2)subscribe(2)Routes(2)tailwindCSS(2)DTO(2)Route(2)navigate(2)writeFragment(2)AppLoading(2)createRestaurant(2)subscriptions(2)computedField(2)interpolate()(2)dotenv(2)GoogleMapReact(1)deleteDish(1)url(1)refetch(1)useIsFocused(1)apollo-setup(1)mongo(1)react-nateive(1)editOrder(1)Module(1)authTokenVar(1)commnets(1)userSchema(1)protectedResolver(1)withHandler(1)flash(1)create react app(1)verify(1)router(1)input(1)editPhoto(1)createClient(1)CLS(1)seeImage(1)item(1)protectMiddleware(1)service(1)Share(1)Message(1)mutate(1)useInfiniteQuery(1)watchCount(1)uploadForm(1)js(1)sendToken(1)Appearance(1)cloudflare-Upload(1)ReactNativeFile(1)ReactNavigation(1)navigationEvent(1)resizingImage(1)useParams(1)makeModule(1)bottomNavigation(1)formState(1)BeforeUpdate(1)typeOrm(1)myRestaurants(1)interaction(1)Roles(1)webpack(1)layout(1)setmetadata(1)req.session(1)deleteVideo(1)query(1)stream(1)seeProfile(1)MediaLibrary(1)takePhoto(1)deletecomment(1)readMessage(1)error(1)mongosh(1)writePost(1)isModified(1)evict(1)uploads(1)useNavigation(1)isFollowing(1)WS(1)NextJS-Image(1)seeFollowers(1)seeCount(1)googlemaps(1)userProfile(1)expoBuild(1)req.query(1)serverDeploy(1)moddleware(1)filter(1)Eager(1)formSubmission(1)loop(1)LIVE(1)Cloudflare(1)imagePreview(1)postgres(1)interface(1)INFO(1)babel/cli(1)KeyboardAvoidingView(1)delete(1)infinitescroll(1)regeneratorruntime(1)theme(1)totalFollowing(1)ROOT_QUERY(1)seehashtag(1)computerField(1)ThemeProvider(1)dish(1)useLazyQuery(1)onEndReached(1)nativeSetting(1)detailPage(1)pscale(1)router.query(1)useContext(1)useRef(1)seeRooms(1)setTimeout(1)painting Direction(1)onCompleted(1)server.js(1)localtunnel(1)comments(1)apolloCodegen(1)nvm(1)totalFollowers(1)AuthUserDecorator(1)update(1)refetchQueries(1)Relations(1)Native(1)useMutaion(1)CSS(1)updateQuery(1)useCallback(1)Insta(1)flastlist(1)Expo(1)persistCache(1)getStaticPaths(1)offsetLimitPagination(1)React18(1)class-validator(1)localstorage(1)seeRoom(1)GraphQLWsLink(1)useMutaiton(1)subscribeToMore(1)onRefresh(1)PickType(1)LocalOnlyField(1)MaterialTopTabNavigation(1)entityRelation(1)screenOprions(1)setContext(1)delivery(1)navermap(1)infinite scroll(1)cookie-sission(1)react-helmet-async(1)pages(1)unboundMutate(1)ngrok(1)form(1)avatar(1)Fetch(1)youtube(1)Result(1)React.Fragment(1)useSWR(1)community(1)icons(1)OrderSubscription(1)Configuration(1)createAccount(1)reactnative(1)getStaticProps(1)getSize(1)styled-reset(1)persist(1)connectionParams(1)createUploadLink(1)useNavigate(1)boundMutate(1)BeforeInsert(1)seeFeed(1)setup(1)model(1)userController(1)isMine(1)@appollo/client(1)Playground(1)prisam(1)valueXY(1)Props(1)httpLink(1)MaterialTopTapNavigator(1)hash(1)graphql-tools(1)Iron-session(1)product(1)setError(1)app_guard(1)grid(1)ISR(1)LinearGradient(1)swiper(1)typeDefs(1)githubLogin(1)websocket(1)createDish(1)fontAwesomeIcon(1)seePhotoLike(1)reactjs(1)apollo-codegen(1)netlify(1)readFragment(1)authentication(1)AsyncStorage(1)AuthGuard(1)penResponder(1)hover(1)git(1)Refresh(1)Auth(1)bucket(1)class-transformer(1)editDish(1)expoCamera(1)createOrder(1)modules(1)myRestaurant(1)src(1)review(1)linking(1)Altair(1)BlurView(1)frontendBuild(1)component(1)errors(1)videoControl(1)react-native refreshControl(1)platform(1)ErrorLink(1)usermodel(1)tab(1)sepuence(1)publicMiddleware(1)loginPersisit(1)absolute(1)TouchableWithoutFeedback(1)CAPTION(1)link(1)FetchMore(1)schema(1)header(1)relative(1)appBuild(1)isMe(1)sendTokenToServer(1)GET(1)navigationPresent(1)photoComponent(1)zoom(1)Maps(1)sendTokenBackend(1)dimensions(1)onEndReachedThreshold(1)reacr(1)seephoto(1)Local-Only-Field(1)stack(1)takeOrder(1)transform(1)users.util.js(1)resoolver(1)cross env(1)serialize(1)seneMessage(1)next-auth(1)PartialType(1)myProfile(1)streaming(1)profile(1)restDisplacementThreshoold(1)entitiy(1)like(1)restaurants(1)Joi(1)persistLogin(1)a(1)authLink(1)nodemon(1)recap(1)Index(1)

login, signUp, jsonwebtoken, Authorization

들어가기mern의 첫번째 POST.우선 Authorization을 먼전 정리하고, 다음 이어서 정리를 한다.인증부분은 jsonwebtoken이 app, web 모두 무난하게 사용하기가쉽다고 생각이 든다. 이것을 마지막으로 더이상 authorizartion부분은 다루지

6일 전
·
0개의 댓글
·

react-router-dom 6

https://velog.io/@soryeongk/ReactRouterDomV6

2022년 11월 14일
·
0개의 댓글
·
post-thumbnail

Deploy(mongo, git, heroku)

드디어 deploy를 해 봅시다!https://www.mongodb.com/에 가서 회원 가입을 한다.1\. 가입을 하게 되면 나오는페이지이다.2\. 왼쪽 맨 위에 폴더부분을 클릭하면 new project를 생성할 수 있게 되어있다. new project를

2022년 11월 13일
·
0개의 댓글
·

Comment Section

들어가기비디오에 댓글달기를 해 봅시다Comment 들어간 부분만 확인할것!!Comment들어간 부분만 확인한다.pug파일의 form에서 바로 server로 날리는 방법과js파일로 argument를 날리는 방법을 잘 비교하면서 잘 봐둔다.comment를 server에서

2022년 11월 13일
·
0개의 댓글
·
post-thumbnail

image/video upload s3

image와 video를 s3에 upload 해보자aws에 가입하고 bucket을 만든다. 검색창에서 S3라고 입력한다.2\. 검색에서 S3를 검색해서 이 페이지에 왔으면, 버킷만들기를 클릭한다.3\. 버킷이름은 unique로 하고 리전은 서울을 선택한다.4\. 객체

2022년 11월 13일
·
0개의 댓글
·

register watch count

video의 view count를 새어주는작업, 그리고 view count를 DB에 저장해서다시뿌려주는 작업.api를 사용하는데, rendering 하는것 없이 api가사용되는 구조를 잘 알아 놓는다videoController안에 '/api/id/view로 접근했을떄,

2022년 11월 8일
·
0개의 댓글
·

Video Control(JS, scss, pug)

들어가기JS를 이용해서, watch.pug에 비디오 controler를 만들어본다.play, mute, fullScreen등등.JS를 다시 복습하고 익혀 보도록 한다.\---------부분은 참고만 하라고 남겨둠.

2022년 11월 8일
·
0개의 댓글
·
post-thumbnail

scss

들어가기위의 POST에서 scss 사용하기 위한 config 작업을마무리 했으면, 실제 사용하는 방법을 알아보자.tailwind가 진리인듯.ㅜㅜ바로바로 compile될 수 있게npm run dev:assets를 실행시켜 놓아야한다.1\. src/client부분에 scs

2022년 11월 6일
·
0개의 댓글
·
post-thumbnail

webpack(js, scss)

webPackJS를 pug파일에서, client쪽에서 사용할 수 있게 compile해 주는 library.여기서는 sass와 Js를 client에서, pug파일에서사용할 수 있게 webPack을 해 준다.sass는 css로 변환하고 css를 client에서사용할 수 있

2022년 11월 3일
·
0개의 댓글
·

model(User, Video)

들어가기Model을 정리해본다

2022년 11월 2일
·
0개의 댓글
·
post-thumbnail

github Login

들어가기 github로 로그인을 해 본다 flow가 거의 같기 때문에 이걸 익히면 kakao login, facebook login등을 쉽게 할 수 있음. https://docs.github.com/en/developers/apps/building-oauth-app

2022년 11월 1일
·
0개의 댓글
·

delete Video

들어가기비디오 지우기~delete는 get으로 작동한다는 것을 명심한다.

2022년 11월 1일
·
0개의 댓글
·

File Upload(image, video)

들어가기express에서 file upload를 알아본다.일단은 server에 먼저 올려보고 나중에 aws S3에 저장하고 path를 받아보는걸로 한다.express에서 file Upload를 하기 위해서는 multer를 이용한다.npm i multeruserSchem

2022년 11월 1일
·
0개의 댓글
·

Protector/Public middleware

loggedIn 상태에 따라page에 접근여부를 결정하게 하는 middleWare

2022년 10월 31일
·
0개의 댓글
·

Edit Profile, seeProfile

EditProfile다른 부분은 크게 문재될게 없으나password edit할 경우 다시hash화 시켜야 되므로 password change부분에 집중해서 봐준다.NOTICE!!! session에 다시 입력시키는 이유는 session은 DB가 아닌memory에 writ

2022년 10월 31일
·
0개의 댓글
·

dotenv, Environment Variable, logout

환경변수.git에 업로드 되면 안되는 state를 dotenv를 통해서 관리한다.npm i dotenv루트에 .env를 만들어서 주요한 환경변수들을 담아놓음.그리고 gitignore에 .env를 포함시켜 준다.git에 upload되면 않되기 때문에

2022년 10월 31일
·
0개의 댓글
·

cookie-session, userController

cookie-session은 브라우져에 server에서 req가 들어가면,server에서 브라우저에게 id를 하나(session) 건네줌.F12, application에서 확인 가능.이것은 서버를 저장하거나, 서버를 껐다가 켜면 지워지는데, 이 세션을 mongoDB에

2022년 10월 25일
·
0개의 댓글
·

User model, User Route

models에 User.js인 userSchema만들기userController만들기.확인만 할 것!확인만~

2022년 10월 25일
·
0개의 댓글
·

DB connection, mongose, mongoDB(2)

들어가기controller에서 DB를 부르는방법을 알아보았다.이제 pug에 적용되는 부분을 확인한다.

2022년 10월 25일
·
0개의 댓글
·

DB connection, mongoDB, mongoosh(1)

들어가기DB연결 및 사용 방법을 알아본다.https://mongoosejs.com/docs/guides.html공식문서는 대단히 중요함.https://regexr.com/search에서 title에 { $regex:new RegExp(keyword,

2022년 10월 24일
·
0개의 댓글
·