원앙둥지
도와줘요! 박사님! - 클라이언트와 웹 서버
*이 글은 이전된 글입니다. 왜냐면 이건 원래 원앙과의 지식 공유를 위해 나의 언어로 작성된 것이기 때문임 ㅎㅎ 보호보호야 궁금한게 있다구? 아뇨 없는데용 호호 보호보호야 내가 알려주마 보호보호야 인터넷에서 너가 로그인 버튼을 클릭했을 때 무슨 일이 벌어지는지 알고 있니? 보호보호 너가 클릭을 하는 순간 인터넷에서는 서버에게 이런 요청을 보내게 된단다. 아니 안물어봤는데용 뭐어? 클라이언트와 서버가 뭔지 모르겠다구? 쉽게 생각하면 클라이언트는 눈에 보이는 영역이란다. 예를 들면 보호보호 너가 쓸 수 있는 크롬, 파이어폭스 같은 브라우저 같은 애들이란다. 익스플로러도 있지않냐구? 그런건 언급하지말거라. 그림처럼 “요청”을 하는 역할을 주로 수행한다고 생각하면 된다. 그냥 쉽게 요구사항이 적힌 쪽지를 전달한..
윤선이와 블로그 만들기_5. 글 조회와 되돌아오기 처리
ㅜㅅㅜ 예전에 진행했던 내용을 적다보니 매우 축약해서 적게 됐다... 실제로 나와 윤선이가 진행한 내용에서 권한 관련한 부분을 빼고 설명하기도 했고... 아무튼 지난 글에선 글 목록을 만드는 이야기를 해보았으니, 이번엔 글 조회를 보겠다. 지난번 글을 재탕하면, 글 목록에서 Part 컴포넌트에 각 데이터들을 전달하고 Part 컴포넌트는 해당 데이터를 보여주고, 컴포넌트 영역이 클릭될 때 moveToPost 함수를 통해 페이지를 이동한다. 글번호와 현재 해당 글이 속한 페이지를 들고 화면을 전환하게 되는데, 왜 굳이 이렇게 했는지 추후에 설명하도록 하겠슴 (까먹으면 안함 수고) 글 목록에서 클릭된 글을 조회하여 보여주는 Post 컴포넌트는 대략 이런 방식으로 작동한다. 1. 페이지에 진입했을 때 현재 주소..
윤선이와 블로그 만들기_4. 글 목록 만들기
지난 글에선 에디터를 붙이는데 성공하였다. 사실 개발이 많이많이 진행되었는데 블로그에 글을 안남겨놓다보니까 아주 과거 시점의 글을 써야하게 됐다... 죄송합네다 에디터를 통해 등록된 글이 저장될 테이블을 만들자. 우선 이렇게 테이블을 만들었다. 설명할 내용은 없지만, 굳이 설명을 하자면 글번호이자 유니크한 ID가 될 ID 컬럼을 생성하고 AUTO_INCREMENT 속성을 줬다. 그 외엔 아주 기본적으로 제목, 작성자, 내용, 작성일자를 가지고 있고, 가린 부분은 권한 처리에 대한 부분이다. 글 목록을 구현함에 있어서 가장 복잡했던 부분은 Paging에 관한 부분이었다. 구현 전에 머리로 생각할때의 페이징처리는 단순히 아래와 같았다. 내가 한번에 보여주고 싶은 글의 수는 5개 전체 글이 20개 있으면 페이..
윤선이와 블로그 만들기_3. 에디터(Toast UI Editor) 붙이기
지난 시간에 스프링부트 위에 리액트를 얹는 것까지 해보았다. 나의 목표는 뭐다? 윤선이에게 블로그를 만들어주기! 블로그란? web + log이다. log란? 기록이다! 기록을 어떻게 하냐? 써서 하지 그럼 뭘해야하냐? 쓸 수 있게 해야지? 쓸 수 있게 어떻게 할거냐? 갖다써서 할거다 오케 내가 지금 글을 쓰는 티스토리를 포함해서 네이버 블로그, 뭐시기 블로그 등등 다양한 블로그들은 여러 기능을 지원하는 에디터를 가지고 있다. 그리고 많은 오픈소스 에디터들이 웹에 산재해있으며 우린 그걸 잘 가져다가 쓰기만하면 직접 구현하는 것보다 훨씬 쉽게 에디터를 내 웹에서 구현할 수 있다. 내가 가져다 쓸 에디터는 https://github.com/nhn/tui.editor nhn/tui.editor 🍞📝 Markdo..