Giter Club home page Giter Club logo

fedc5-5_project_notion_vanillajs's Introduction

๐Ÿ“Œ 5์ฃผ์ฐจ ํ”„๋กœ์ ํŠธ[Project1]

ํ•„์ˆ˜ ํ”„๋กœ์ ํŠธ

  • ํ”„๋กœ์ ํŠธ ๊ธฐํ•œ

    • ํ”„๋กœ์ ํŠธ ์ˆ˜ํ–‰ ๊ธฐ๊ฐ„ : 2023๋…„ 10์›” 17์ผ(ํ™”) ~ 2023๋…„ 10์›” 26์ผ(๋ชฉ)
    • ๋ฉ˜ํ‹ฐ ์ฝ”๋“œ ๋ฆฌ๋ทฐ ๊ธฐ๊ฐ„ : 2023๋…„ 10์›” 27์ผ(๊ธˆ) ~ 2023๋…„ 10์›” 30์ผ(์›”)
    • ๋ฉ˜ํ†  ์ฝ”๋“œ ๋ฆฌ๋ทฐ ๊ธฐ๊ฐ„ : 2023๋…„ 10์›” 27์ผ(๊ธˆ) ~ 2023๋…„ 11์›” 2์ผ(๋ชฉ)
    • ์ฝ”๋“œ ๋ฆฌ๋ทฐ ๋ฐ˜์˜ ๊ธฐ๊ฐ„ : 2023๋…„ 11์›” 3์ผ(๊ธˆ) ~ 2023๋…„ 11์›” 6์ผ(์›”)
  • ๋‚ด์šฉ

    • [Day 21] ๋…ธ์…˜ ํด๋กœ๋‹ ์š”๊ตฌ์‚ฌํ•ญ์„ ํ™•์ธํ•ด ์ฃผ์„ธ์š”.

[X] Editor ์™€ save api ์—ฐ๊ฒฐ [x] Editor ์—์„œ save ๋˜์ž๋งˆ์ž ์‚ฌ์ด๋“œ๋ฐ”์˜ ์ œ๋ชฉ ์ƒˆ๋กœ์šด ํƒ€์ดํ‹€ ๋ช…์œผ๋กœ ๋ฐ”๊พธ๊ธฐ (๋‚™๊ด€์  ์—…๋ฐ์ดํŠธ ํ˜น์€ ๋ Œ๋”๋ง?) -> ๋ Œ๋”๋ง

  • ์‚ฌ์ด๋“œ๋ฐ”์—์„œ document ํด๋ฆญ์‹œ ์ €์žฅ๋œ ์ •๋ณด ๋ถˆ๋Ÿฌ์˜ค๊ธฐ [X] document ์ถ”๊ฐ€์‹œ ์ƒˆ๋กœ์šด document (๋นˆ ํŽ˜์ด์ง€) ๋ฐ”๋กœ ๋งŒ๋“ค๊ธฐ [X] ํƒ€์ดํ‹€์ด ๋นˆ ๊ฐ’์ด๊ฑฐ๋‚˜ ๊ณต๋ฐฑ์ด๋ฉด ์ €์žฅ ์•ˆ๋˜๊ฒŒ ํ•˜๊ธฐ [X] ์—ด๋ ค์žˆ๋Š” ํŽ˜์ด์ง€ ์ง€์šฐ๋ฉด ์—๋””ํ„ฐ๋„ ์ง€์›Œ์•ผ ํ•จ -> ์—๋””ํ„ฐ๋ฅผ ์ง€์šฐ๊ณ  ๋‹ค๋ฅธ ํŽ˜์ด์ง€ ์—ด๋ฉด ์ง€์› ๋˜ ์—๋””ํ„ฐ๊ฐ€ ์ž ๊น ๋ณด์ด๊ณ  ์ƒˆ๋กœ ๊ฐฑ์‹ ๋จ : App.js ์˜ removeDocumentVisibility๋กœ documentPage element๋ฅผ ์ง€์›Œ๋ฒ„๋ฆผ

[X] ์ƒˆ๋กœ์šด document ์ถ”๊ฐ€ํ•  ๋•Œ ์—๋””ํ„ฐ์˜ ํƒ€์ดํ‹€์—๋Š” placeholder๋งŒ ๋‘๊ธฐ [X] ๊ธฐ๋ณธ์ ์œผ๋กœ ํŽธ์ง‘๊ธฐ๋Š” textarea ๊ธฐ๋ฐ˜์œผ๋กœ ๋‹จ์ˆœํ•œ ํ…์ŠคํŠธ ํŽธ์ง‘๊ธฐ๋กœ ์‹œ์ž‘ํ•˜๋˜, ์—ฌ๋ ฅ์ด ๋˜๋ฉด div์™€ contentEditable์„ ์กฐํ•ฉํ•ด์„œ ์ข€ ๋” Richํ•œ ์—๋””ํ„ฐ๋ฅผ ๋งŒ๋“ค์–ด๋ด…๋‹ˆ๋‹ค.


์ถ”๊ฐ€ ์š”๊ตฌ ์‚ฌํ•ญ

  • [] ํŽธ์ง‘๊ธฐ ์ตœํ•˜๋‹จ์—๋Š” ํ˜„์žฌ ํŽธ์ง‘ ์ค‘์ธ Document์˜ ํ•˜์œ„ Document ๋งํฌ๋ฅผ ๋ Œ๋”๋งํ•˜๋„๋ก ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.
  • [] ํŽธ์ง‘๊ธฐ ๋‚ด์—์„œ ๋‹ค๋ฅธ Document name์„ ์ ์€ ๊ฒฝ์šฐ, ์ž๋™์œผ๋กœ ํ•ด๋‹น Document์˜ ํŽธ์ง‘ ํŽ˜์ด์ง€๋กœ ์ด๋™ํ•˜๋Š” ๋งํฌ๋ฅผ ๊ฑฐ๋Š” ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

์˜ค๋ฅ˜ ๋ฐœ์ƒ ๋ฌธ์ œ

  • [] ๋งˆํฌ๋‹ค์šด ์ ์šฉ ํ›„ ์‚ญ์ œ์‹œ ๋งˆํฌ๋‹ค์šด์ด ์ ์šฉ๋œ ํƒœ๊ทธ๊ฐ€ ๊ทธ๋Œ€๋กœ ๋‚จ์•„์žˆ์Œ. -> ๋ฌธ์ž์—ด ์‚ญ์ œํ•ด์„œ ์•ž๋‹น๊ธฐ๋ฉด ํƒœ๊ทธ ์˜ค์—ผ๋จ
  • [] ๋””๋ฐ”์šด์‹ฑ์„ ํ†ตํ•ด contentEditable์—์„œ ์ปค์„œ๊ฐ€ ๊ณ ์ •๋˜์–ด ์žˆ๋Š” ํ˜„์ƒ์€ ํ•ด๊ฒฐํ–ˆ์ง€๋งŒ ๋‹ค ์™„์„ฑ๋ผ์„œ ์—…๋ฐ์ดํŠธ๊ฐ€ ๋˜๋ฉด ์ปค์„œ๊ฐ€ ์ฒ˜์Œ์œผ๋กœ ๋Œ์•„๊ฐ
  • [] selection, range๋ฅผ ์‚ฌ์šฉํ•ด๋ณด๋‹ˆ ์ปค์„œ ์œ„์น˜๋Š” ์ด์–ด์ง€์ง€๋งŒ ์—”ํ„ฐ๋ฅผ ์น  ๋•Œ 2๋ฒˆ ์ž…๋ ฅ ๋จ

fedc5-5_project_notion_vanillajs's People

Contributors

dlsxjzld avatar learn-programmers avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.