이전에 체인코드에서의 MVC패턴에 대해서 공부하고 앞으로의 프로젝트에서 적용하려고 정리했습니다.

그리고 실제로 프로젝트 투입 후 이렇게 저렇게 구조를 정리해본 결과를 한번 더 정리하려 합니다.

완성도는 올라간것 같지만 아직 손봐야될 부분이 생길수도 있다고 생각합니다.

폴더 구조

기존 프로젝트 구조

1
2
3
4
5

\GOPROJECT\SRC\MVC
├─controller
├─dao
├─dto
└─service

이 포스트는 “[React] 혼자 만들어본 채팅 웹 앱”의 클라이언트 부분 설명입니다.

관련 글을 보고싶은 분은 글 최하단의 태그 Toy project 링크를 눌러 확인해보세요!

설명에 앞서 프론트를 전문으로 하는 개발자가 아니기 때문에 어색한 부분이 있을 수 있습니다.

특히 디자인 부분은.. 더이상의 설명은 생략하겠습니다 ㅜㅜ

서버와는 다르게 클라이언트는 코드가 긴편이다.

이 포스트는 “[React] 혼자 만들어본 채팅 웹 앱”의 서버 부분 설명입니다.

관련 글을 보고싶은 분은 글 최하단의 태그 Toy project 링크를 눌러 확인해보세요!

소켓의 개념이 조금 어려울 수 있으나 막상 코드는 몇줄 되지 않는다.

개인적으로 만들고있던 사이트도 어느정도 안정화가 되어가고..

이제 뭘하지?

뭔가 새로운것을 공부하고 만들어야겠다는 생각이 문득 들었다.

그리고 아는것과 모르는것, 하고싶은 것과 하기싫은 것을 분류해보고…

소켓을 이용한 무언가를 해보고싶어.

소켓은 10여년 전 처음 자바를 배울때를 제외하고는 실무에서 전혀 접할 기회가 없었다.

당시에는 간단한 1:1 채팅 앱을 학습했는데, 기억도 잘 나지 않고 당시에 나에게는 너무 어려웠다.

소켓을 이용해 다시 채팅 앱을 만들어 보면 되겠다.

프론트 개발자가 아니라 항상 처음부터 UI를 작성할때 어려움을 많이 느낌 복사 붙여넣기는 잘함

flexbox의 속성들을 간단히 정리

토이 프로젝트 개발중 새로운 MySQL을 설치하고 백엔드 서버에서 접속하려고 할때 아래와 같은 에러 발생

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

\node_modules\mysql\lib\protocol\Parser.js:437
      throw err; // Rethrow non-MySQL errors
      ^
      
Error: ER_NOT_SUPPORTED_AUTH_MODE: Client does not support authentication protocol requested by server; consider upgrading MySQL client
    at Handshake.Sequence._packetToError
    at Handshake.ErrorPacket
    at Protocol._parsePacket
    at Parser._parsePacket
    at Parser.write
    at Protocol.write
    at Socket.<anonymous>
    at Socket.<anonymous>
    at Socket.emit
    at addChunk
    --------------------
    at Protocol._enqueue
    at Protocol.handshake
    at Connection.connect
    at Object.<anonymous>
    at Module._compile
    at Object.Module._extensions..js
    at Module.load
  sqlMessage: 'Client does not support authentication protocol requested by server; consider upgrading MySQL client',
  sqlState: '08004',
  fatal: true
}

내 개발 환경은 백엔드는 현재 로컬에서 작업중이고 MySQL은 AWS 서버에 올려둔 상태로 AWS에서는 외부 접속의 개념이 됨

아이디는 root에 비밀번호가 11111111을 예로 아래와 같은 쿼리를 실행하여 해결

1

ALTER USER 'root'@'%' IDENTIFIED WITH mysql_native_password BY '11111111';