분류 전체보기
윤선이와 블로그 만들기_3. 에디터(Toast UI Editor) 붙이기
지난 시간에 스프링부트 위에 리액트를 얹는 것까지 해보았다. 나의 목표는 뭐다? 윤선이에게 블로그를 만들어주기! 블로그란? web + log이다. log란? 기록이다! 기록을 어떻게 하냐? 써서 하지 그럼 뭘해야하냐? 쓸 수 있게 해야지? 쓸 수 있게 어떻게 할거냐? 갖다써서 할거다 오케 내가 지금 글을 쓰는 티스토리를 포함해서 네이버 블로그, 뭐시기 블로그 등등 다양한 블로그들은 여러 기능을 지원하는 에디터를 가지고 있다. 그리고 많은 오픈소스 에디터들이 웹에 산재해있으며 우린 그걸 잘 가져다가 쓰기만하면 직접 구현하는 것보다 훨씬 쉽게 에디터를 내 웹에서 구현할 수 있다. 내가 가져다 쓸 에디터는 https://github.com/nhn/tui.editor nhn/tui.editor 🍞📝 Markdo..
노션 페이지를 React로 웹에 띄워보자 (react-notion)
코로나로 인해 언택트 바람이 부는 이 시기... 의도치않게 여러 기업들이 최신기술을 도입하는 경우가 생기고 있다. 화상회의 도구 Zoom을 포함해 여러 회사의 협업도구들이 사용되고 있다. 사실 노션 그 자체는 협업을 위한 도구라고 한정짓기보다는 그들이 소개하고 있는대로 '올인원 워크스페이스'라고 설명할 수 있는데... 기업이나 개인이나 자신들의 정보를 다양하게 정리할 수 있는 좋은 수단으로 각광받고 있다. 아무튼, 오늘 포스팅해볼 내용은 이러한 노션들을 웹 상에 공개하는 방법에 대한 이야기이다. + 다 쓰고 나니까 글이 길어졌는데 사실 사진이 많아서 긴거지 내용은 별로 없다. 아 쉽다쉬워 첫번째 방법 노션을 웹으로 가져오는 첫번째 방법은 '노션 공개페이지 사용' 이다. 노션에서 글을 하나 작성하고 오른쪽..
윤선이와 블로그 만들기_2. 리액트(React) 붙이기
오늘은 지난번에 만들어놓은 뼈대에 프론트단을 붙이도록 하겠다. 나는 백엔드단 코드(Java)를 작성할때는 IntelliJ를 사용하지만 프론트단 코드는 VS Code를 사용하곤 한다. 우선 VS 코드에서 터미널을 열어주도록 하자. (Ctrl + `) 그리고 폴더를 하나 만들어서, 해당 폴더 안에 리액트 프로젝트를 생성해보자. 1. mkdir 폴더명 - 폴더를 생성한다. 나 같은 경우에는 front 라는 이름으로 2. cd front - cd는 Change Directory이다. front 폴더로 이동한다. 3. npx create-react-app 경로 아래를 참고하셈 https://ko.reactjs.org/docs/create-a-new-react-app.html 새로운 React 앱 만들기 – Rea..