Dog foot print

서론 이번 주 목요일 드디어 계명대학교에서 마지막 시험을 치뤘다. 후련한 마음이 앞서며 나를 괴롭혔던 많은 비효율적인 학교 행정과 수업에서 벗어난다 생각하니 춤이라도 추고 싶은 심정이다. 대학교 수업과 개발 일을 병행하면서 지내다 보니 너무 자기계발에 소홀했다는 생각도 들고, 개발 도중에 웹소켓이라는 놈의 정체에 대해서 늦게 알기도 해서 웹소켓을 응용하여, 병원 홈페이지나 중고차 사이트에서 사용하는 1:N 채팅을 만들어 볼까 싶어 기획하였다. 1 : N 채팅은 고객은 사이트 관리자와만 채팅이 가능하지만, 사이트 관리자는 대화를 시도한 모든 사용자들과 소통이 가능하다. 여기에 조금 덧 붙여 기존 1:N 채팅 프로그램은 종료시에 더 이상의 소통이 불가능 하지만, 이 프로그램은 종료하여도 다시 접속 할 수 있..

Express 강의 소개 Express 프레임 워크는 기존 node.js의 http모듈을 활용하여 많은 API를 지원하고 , Express를 지원하는 많은 오픈 소스 라이브러리가 존재하여, 기존 HTTP 모듈을 사용할 때 보다 훨씬 빠르게 node.js를 통한 서버를 구성할 수 있도록 도와주는 프레임 워크입니다. 이번 Express강의는 javascript의 es6문법을 어느정도 이해한 자바스크립트 중급 이상 실력을 가진 자스민 회원을 대상으로 기획하게 되었습니다. 또한 간단한 통신 예제로 회원가입과 글쓰기, 수정,삭제가 포함되어 있기에 mysql 데이터베이스의 query문 작성 요령을 미리 알고 있으면 이번 강의를 이해하는데큰 도움이 될 수 있을 것으로 생각됩니다. 오프라인 강의 순서 오프라인 강의는 ..

어제 호키스 블로그 게시글에 대한 정보를 elasticsearch로 넘겨주는 작업을 하기 위해서 axios로 내 ip로 post방식으로 보내도록 설계하였는데, 난생 처음 보는 에러인 cors에러와 406에러가 동시에 콘솔창에 경고를 보내왔다. 406에러는 header를 감싸고 있는 config를 제거 함으로써 쉽게 해결 하였는데, CORS문제를 해결하려고 검색해보니 단순히 기술적으로 해결하고 넘어갈 문제가 아니라 앞으로 내가 개발자가 되고 싶으면 꼭 알아야 하는 상식과 개념이였다. CORS (cross origin resource sharing) CORS는 보안상 문제로 자바스크립트가 HTTP REQUEST를 할 때 본인의 도메인외의 다른 도메인으로 REQUEST하는 것을 제한하는 정책입니다. 다른 서버..

오랜만에 web devleoper 2019 roadmap을 보며 내가 어디까지 했는지 따라가다보니 tdd 다음으로 "sever side rendering " 이라는 것이 있었다. react에는 next.js가 있었는데, react는 사용자의 컴퓨터에서 렌더를 담당하는 "csr"의 형태를 취하고 있다. 그런데 조금 더 알아보니 next.js라는 것을 통해 서버에서 렌더를 해서 가져올 수 있다는 것을 알게 되었다. (물론 내용은 어려워서 바로 이해는 못 했지만... ) 여차저차 csr과 ssr에 대해서 많은 문건을 찾아보니 생각보다 내용이 전부 어려웠다. 그래서 !!! 이 포스팅을 기획하게 되었다. 천천히 ssr과 csr을 이해하기위해서 필요한 기반지식들을 풀어나가며 최종적으로 csr과 ssr을 풀어나가보도..

" 쿠키와 세션은 브라우저에서 서버로 요청을 보낼 때 해당 클라이언트가 접근권한이 있는 사용자인지 파악할 때 사용되는 것이다. " 예를 들어 우리가 웹 서핑을 할 때 어떤 한 페이지에서 로그인을 하고 해당 텝에서 다른 사이트로 이동한 뒤 다시 로그인 했던 사이트를 접속해보면 로그인이 되어있는 모습을 볼 수 있거나 팝업창이 뜰 때 해당 광고글 하루동안 보지 않기를 눌러놓으면 해당 팝업창이 하루뒤에 생성이 되는 데 이와 같이 접근권한이나 특정 정보를 서버에서 브라우저에 전달하여 사용하는 것이 쿠키와 세션이다. 쿠키는 정보를 필요한 데이터를 가지고 있기에 보안에 취약하다 그렇기에 세션이라는 것이 발전 되었는데 이 세션은 데이터는 서버에 두고 세션에는 이 해당 데이터를 사용 할 수 있는 키를 가지고 있어 쿠키에..