어쩌다 블로그

매일 즐거운 코딩을 하기 위해 예전부터 고민했던 미라클 모닝 프로젝트 만들기 시-작! 뭐 중간에 취업을 할 수도 있겠지만, 못 먹어도 고! 그냥 하는 것이다 ㅎㅎ 매일 코딩을 즐겁게 하고 싶었다 음 이걸 왜 하게 됐냐면... 친구들이랑 아침 기상을 인증하고 소소하게 담소를 나눌 페이지를 계속 운영(?ㅋㅋ)하고 있는데 내가 만들어 보고 싶단 생각을 했다. 순수하게 이런 기능에만 집중된 그런? 지금 사용중인 노션 페이지는 이러하다. 그냥 이것 저것 생각나는 대로 커스텀 하다보니 썩 맘에 들게 되었다 :) 1. 투두리스트 (개인별로 만들 수 있게. 아침에 일어나서 뭘 하지? 이런 생각을 하게 되길래 넣었는데 은근 잘 쓰게 된다!) 2. 먼슬리. 매일 뭐 했는지 여기에 하나씩 서로 닉넴넣고 적고~ 3. 각자 먼..

요즘 너무 쳐져서 내가 앉아있는 시간이 12시간도 넘는데 뽑아내는 게 없다. 이럴 때 파이널 프로젝트 했던 기억이 날아가기 전에 좀 적어놓으려 한다. 11월 말부터 7월 중순 까지 국비 학원을 수료하며 마무리한 파이널 프로젝트. 더 잘 해 볼 걸하는 아쉬움이 좀 있긴 하지만 그동안 리액트를 열심히 공부해 왔더니 그래도 여러 설계를 했다거나 하는 점에서 약간 만족스럽긴...하다...(아직 공부할 건 많다..) 주도적인 어떤 프로젝트를 하며 그동안 부족했던 새로운 기술도 많이 배울 수 있었다. 웹팩, 테일윈드 등.. 웹팩을 직접 다룰 생각은 못했는데 드디어 해봤네.. 파이널만 마치게 된다면 세상 만족스럽고 행복할 줄 알았는데 너무 부족함을 느껴 내가 공부하고 싶은 부분 - 웹팩 및 환경설정, 배포시 최적화,..

설정파일을 조금 변경한 뒤 평소처럼 pm2 실행했는데 에러로그도 안뜨면서 계속 멈춰있는 것이다... 계속 Spawning PM2 daemon with pm2_home= 여기서 멈춰있는데 에러 로그도 안 뜨고... 죽겠더라 pm2 명령어 지우고 다시 해봐라.. 환경변수 export 해라.. 권한줘라... 다 해봤는데 왜 안되지 ? 하고 있는데 그제서야 이 답변을 봤다... https://github.com/Unitech/pm2/issues/2799#issuecomment-296516036 Spawning PM2 daemon with pm2_home=/home/tealou/.pm2 · Issue #2799 · Unitech/pm2 What does this mean? $ pm2 logs [PM2] Spawn..

최고의 공부는 역시 코딩이지~ 싶어서 이론에 대해 탄탄히 살펴볼 생각없이 구현시 필요한 것만 찾아가며 공부했는데 이론이 부족해 실수도 많이하고 어딘가에서 자꾸 좋은 코드를 못 짜고 벽에 부딪히고 있다는 생각이 자꾸 들더라.. 역시 제대로 공부해보는 경험이 필요할 것 같다는 생각이 들던 와중 카우치 코딩이란 곳에서 React 에 관한 이론 스터디를 진행한다고 하여 참여하였다. ( React 공식 사이트 + 스터디 조합의 이론공부가 정말 좋을 것 같다 두 개가 얻을 수 있는 결과물이 다르다 ) 그동안 학원 공부 하겠다고 스프링 및 Java 위주의 공부를 하며 MVC패턴만 하다가 오랜만에 리액트 코드를 만드니 살짝 어색했었는데 파이널 프로젝트에 리액트를 적용하게 되어 도움이 되고 있다. 혹시라도 카우치 코딩 ..

어쩌다보니 Spring MVC 서버를 이용해 REST API서버를 만들고 있는데 이러다 보니 쓸 수 있는 디펜던시가 매우 제한적이고 불편하긴 하더라 아무래도 리액트와의 연동은 부트와 하는 편이 많으니.... Spring에서 CORS에러는 Spring Security의 Cors를 이용해서 CSRF 공격 방어와 동시에 해결이 가능한 줄만 알았는데 Spring에서 설정파일의 CORS옵션을 제대로 못 읽는 문제 등이 발생해 response header를 Filter단에서 request값을 이용해 직접 설정을 해주었다. React단의 오류에서 힌트를 얻었다. access-Control-Allow-origin header의 값이 세팅이 되지 않았다고 하면서 거기에 세팅 되어져 있는 값까지 뜨는데 자꾸 localho..

학원에서 약 한 달 동안의 세미프로젝트를 마치게 되었다. 아쉬웠던 점이 정말 너무너무 많다. 게다가 중간에 손을 다친 게 나의 개발 속도를 더디게 만드는 데 큰 몫을 하였고, 너무 슬펐다. 입원...수술.. 그동안 한 일이 너무 없었다. 그래도 내 손이 살아야 했으니 어쩔 수 없다.. ( 코딩 영영 못 할 뻔 했다. ) 나의 생일에는 진짜 오랜만에 친구들과 생일 파티도 했다 끝나니 너무 행복하더라! 좋게 좋게 끝난 듯 하지만 결과물은 사실 만족스럽지 못했다.. 최선을 다했다는 점은 200% 사실이지만... 아쉬웠던 점 1. CRUD만 하게 된 것 그동안 못 해봤던 새로운 개념을 하고 싶었는데 결국 그런 건 못하고 남들을 돕거나 기본적인 CRUD를 구현하다가 끝이 나버렸다. 2. 잠을 못 잔 건 사실 괜찮..

몇 번이고 프리즈마 코드를 다시 작성하고 뒤집어 엎으면서 겪은 에러들 정리 에러 때문에 도무지 진도가 나가질 않는다..프론트 하나도 못 건드리고 이것들 (포함한 온갖 잡 에러) 잡는데 며칠이 걸렸다...아...정말 난 살면서 백엔드 건드릴 일이 없을 텐데 ...!!🤯 1. 프리즈마 어드민 서버 접속이 안됨 us서버 쓰다 문제 생길 수 있는 건 가봄 ( 잘 모르겠음 ) 서버 날리고 eu서버로 다시 만들어 보니 잘 돌아가고 있다. 2. Query root type must be provided. 이거 때매 또 뒤집어 엎고 혼자 새벽에 난리 난리 였는데 그냥 임시의 가짜 쿼리를 하나 넣어주도록 하자. 이렇게 👇

라우터 구성은 로그인 하지 않았을 때 보이는 로그인 화면 Auth 로그인 했을 떄 보이는 Feed 로 구성되어 있음. 아폴로 클라이언트의 도움을 받아 isLoggedIn 변수를 이용해 바꿔줌 app.js 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 import React from "react"; import { gql } from "apollo-boost"; import styled, { ThemeProvider } from "styled-components"; import GlobalStyles from "../Styles/..

메시지를 주고 받는 기능을 만들었으니 이제 받는 기능을 만든다~ 프리즈마의 Subscription란 기능을 이용하면 서버가 계속 리스닝하고 있다가 새로운 변화를 감지해줌 Id 에게 ( 로그인 된 대상) 보내진 message를 얻는 것을 할 것. 메세지의 id 는 roomid 이고, 우리에게 보내진 message 또한 subscribe 할 것이다. 프리즈마 서버에서 Subscription을 만들어 보기로 한다 mutation_in은 어떤 mutation을 subscribe할 지 정하는 것인데 새로운 message를 하고 싶으면 create 를 하면 된다 delete,updated 등등.. 할 수 있다. 이번엔 CREATED를 사용한다. 프리즈마 서버에서 테스트하기위해 기존의 룸 아이디를 가져와 테스트를 해..

데이터 모델 1 2 3 4 5 6 7 8 9 10 11 12 13 type Room { id: ID! @id participants: [User!]! messages: [Message!]! @relation(name: "MessageOfRoom" , onDelete: CASCADE) } type Message { id: ID! @id text: String! from: User! @relation(name: "From") to: User! @relation(name: "To") room: Room! @relation(name: "MessageOfRoom") } Colored by Color Scripter cs Room 내부에서 메시지 보내고 받음 그래서 전체 Rooms를 볼 수 있는 seeRooms 쿼..