본문 바로가기

노션2

[JS]노션 기능을 간단히 따라 만들어보며 의외로 사람들이 노션 기능 구현 자체를 어려운 것으로 생각한다는 소리를 듣고 간단히 구현해보았다. 나도 노션은 잘 만든 소프트웨어라고 생각하고 잘 사용하고 있지만 사실 기능 자체를 구현하는데 어려운게 있을거라고 생각해본 적은 없었기에 그냥 바닐라 js로 간단히 생각대로 만들어보고 그 점에 대해서 간단히 정리해본다.(물론 기능이 아닌 노션의 UI/UX는 만들기 쉽지 않다.) 먼저 노션은 본질적으로 메모장처럼 데이터를 저장하고 불러오고 수정하는 기능을 지원해야한다. 노션 자체의 기본 틀은 여러 페이지의 관계로 구성 되어 있어서 간단하게 자료구조를 잡아보면 페이지 목록 과 그 페이지에 해당하는 컨텐츠 2가지로 나뉠 수 있다. 그리고 초기 로딩시 그 데이터를 불러오는 것과 데이터를 저장하는 부분이 필요하다. l.. 2022. 3. 7.
정리된 루틴을 만들자. 자료 수집한건 시간이 조금 들더라도 모두 노션으로 정리하자. => 그렇게 정리한 자료를 블로그에 다시 정리하자. 일명 수첩(노션) 주도 성장. 하루 루틴에 무조건 포함 될 내용 : 운동, 개발, 주식 3가지는 무조건 기본적으로 한다. 1. 이력서 정리 상시 이력서를 정리한다. 역시 노션으로 내가 진짜 더럽게 못하는 것이니 조금이라도 잘하려고 노력해보자. 2. 회고 작성하기 이것 역시 노션으로 정리하다가 매해 마지막에 회고를 작성하자. 엄청 좋아보인다. 2021. 12. 21.