Je개발 일지

일단은 어느정도 공부가 끝났다. 공부를 했을 때 적은 js 파일을 여기 코드 스니펫에 옮겨보도록 하겠다. // * WSS 강의 // TODO 1. WebSocket 이란? /** * > 이것 덕분에 실시간 채팅, 알림 등을 사용할 수 있다. * @ http 란? * > http와 websocket 은 같은 프로토콜이다. * > http 는 request 를 보내면 서버가 반응을 보내는 방식으로 이뤄져 있다. * > 서버는 client 가 누구인지를 잊어버리고, 그렇기 때문에 매번 쿠키를 보낸다. 이 현상을 stateless 라고 한다 * > 그렇기 때문에 real Time 으로 이뤄지는 작업이 아니다 * > 서버는 Request 를 기다리고 그 다음에서야 작업을 하지, 서버가 client 에 먼저 뭔가를..

S3 이미지 업로드가 안 되는 문제 S3 에 이미지가 업로드 되지 않는 문제가 발생했다. 해결 방법은 S3 ACL 을 활성화하고, 다른 AWS 계정에도 기본 적인 읽기/쓰기 권한을 부여하는 방식이었다.

지금부터 약 3일 정도 socket.io 공부에 투자하는 시간을 갖도록 한다. 공부 방법은 크게 두 가지다. 먼저, 강의를 보는 것. 노마드 코더의 줌 클론 무료 강의와 유튜브 강의 두 개 정도를 볼 예정이다 두 번째는 공식 문서를 파헤치는 것. 순서는 강의를 본 후 공식 문서로 넘어가고자 한다. 그 이유는, 내가 당장에 websocket 프로토콜에 대한 이해도 부족하고, 일단은 어떻게 사용하는지를 먼저 알아야지 공식 문서의 내용을 더 빠르게 학습할 수 있을 것 같기 때문이다. 지금부터 공부 시작!

1. CSS 수정하는데 꽤나 애를 먹었다. 아직 해결되지 않은 에러들(?)이 있는데 이건 정말 디테일적인 부분이라서 일단은 가장 나한테 중요한 채팅 페이지 기능 구현이 모두 끝난 다음에 다시 돌아와서 리팩토링 하고자 한다 - 브라우저 크기를 줄일 때 사이즈가 모바일이 되면 바로 태그 전환이 이뤄지지 않는 문제 - 메인 페이지에서 스크롤을 내리고 다른 페이지로 넘어갔다가 돌아오면 stopover 의 색이 여전히 칠해져 있는 문제 (리셋 해줘야 함) 2. 서버에서 데이터베이스를 연결하는 방식으로 sync 를 사용하게 되면 migrate 은 excute 되지 않는다. sync할 때는 migrate 폴더가 아닌 model 에서 테이블 생성한다.

별별 에러들이 나오고 있다. 1. SVG 태그를 사용하고 fixed 속성을 부여하니 브라우저 크기를 줄이다 보면 이미지 위를 덮어버리는 문제가 발생했다 => 이 태그를 만들기 위해 참조했던 네스프레소에서는 이 문제를 해결하기 위해 이미지 위를 덮으려고 할 때마다 반응형으로 SVG 태그가 축소되었다 => 나도 이 방법을 사용해서 원래 계획은 데스크탑, 모바일 환경 이렇게 두 환경만 CSS 를 만지기로 했으나 메인페이지에서만 태블릿 환경(992px)을 추가하여 CSS 를 만지기로 했다. 그렇게 태블릿 사이즈가 되면 축소된다. 2. 메인페이지에서 애니메이션 구현하는데 모바일 환경에서는 이상하게 된다 => pageOffset 이 px 로 고정돼 있어서 그런 것 같다. => 또, 태그의 위치 때문에 문제가 발생했..

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.

보호되어 있는 글입니다.