본문 바로가기
728x90

프로젝트8

learning code refactoring 올해 여름 방학때 리액트를 시작하고 리액트를 좀 더 숙련되게 사용하기 위해 시작한 프로젝트이다. 그런데 중간에 멋사 플잭으로 인해 도커, 쿠버네티스를 공부해야 하는 상황이 되었고 이 프로잭트를 활용해 도커, 쿠버네티스를 공부해 볼려고 한다. 따라서 이번 글은 프로젝트를 하나 완벽히 끝내고 쓴 글이라기 보다는 그냥 실질적인 배포 이전 리액트로 플젝을 하면서 배운것을 정리하는 정도 이다. 리액트를 그동안 배우면서 책에 나와있는 아누 작은 플잭들을 결과만 보고 혼자 구현한거, 멋사에서 플잭을 하면서 전체 기능 중 일부만 구현해 본거랑 비교를 하면 확실히 배운게 더 많은거 같다. 이래서 혼자 플잭을 해봐야되... 우선 API 서버를 처음 구축해 본다. 기존 SSR를 사용한 플젝에서는 상태코드, Content-T.. 2021. 9. 5.
teamproject2 수업 후기 팀프로젝트2를 끝나고 1달 반 정도 지난 후에야 쓰는 후기. 이 프로젝트를 리액트로 리팩토링 하기 전에 배운 점들을 간단하게 적고 갈려고 한다. 일단 이전에 했던 youtube 클론 코딩과 기능이 비슷해서 크게 배운 것은 없는거 같으면서도 은근 배운점이 존재한다. 이번 프로젝트에서 jquery를 처음으로 제대로 써보았고 N:M테이블을 처음 다루어 보았다. 기술적인거 외의 것을 말하자면 사용자에게 일부 제한을 두어서 서버가 터지는 것을 조금이라도 더 방지를 해보았다는 것 정도. 기존 플젝에서는 사용자에게 input에 있어 제한을 두지 않았다. 하지만 이번 플젝에서는 제한을 두어보았다. 추가적으로 깨달은것은 학교 플젝은 플젝이 아니라는 것다. 플젝의 탈을 쓴 개인 프로젝트에 가깝다. 그냥 혼자 하는게 속 편.. 2021. 7. 31.
아주 간단한 채팅 socket.io를 이해하고자 간단한 채팅 프로그램을 만들었다. 배포는 하지 않았고 구현만 했다. 맨 처음에 채팅중 사용할 닉네임을 입력하면 방에 들어가 지고 채팅을 하면 된다. 채팅 중인 사람들은 디비에 저장되어 있고 exit버튼을 누르면 디비에서 자신의 row가 삭제되고 방을 나온다. 맨 처음 채팅창에 들어가면 다른 사람들의 채팅 창에 XXX join이라는 문구가 뜨는데 이 부분은 axios를 사용했다. github.com/skullkim/simple-chatting-with-socket.io skullkim/simple-chatting-with-socket.io Contribute to skullkim/simple-chatting-with-socket.io development by creating.. 2021. 1. 25.
todo list 후기 todo list를 만드는 방법에 대한 글은 아니다. todo list를 만드는 프로젝트를 완료하고 그 과정에서 배운것과 잡다한 수다(?)를 늘어놓은 글이다. express를 활용한 todo list이다. aws로 배포까지 진행을 했다. 이 프로젝트는 테이블 간의 관계와 passport, sequelize같은 모듈을 실질적으로 활용하고 AJAX, mysql을 사용해보기 위한 프로젝트이다. routes/todo.js에서는 쿼리문을 사용한 DB조작과 sequelize를 사용한 DB조작이 섞여있는데 이는 두가지 모두를 사용해 보기 위함이다. 테이블은 유저의 정보를 담는 users와 todo list의 정보를 담는 todo로 나누어져있다. 각 테이블의 각 column에 해당하는 세팅값은 다음과 같다. todo .. 2021. 1. 8.
728x90