바닐라JS 로 만드는 북마크 웹앱 📓 (0) 계획 편

 

 

 

 

 

 

이번에 만들어 볼 웹앱은 바로바로~~

📓 북마크 웹앱 📓 

저번과 다르게 계획서부터 (?) 차근차근 하기 위해서 이번엔 0편! 계획 편!

 

 

0. 북마크 웹앱 ?

처음에는 To-Do 리스트를 구현해볼까 했지만, 이왕 하는 거 비슷하지만 관심있는 걸 만들고 싶었다.

투두리스트 같은 경우에는 매일 들어가서 사용해야하지만, 이상하게 컴퓨터나 핸드폰으로 하면 매일 하기 힘들어서 ^👅^;;

가끔 들어와서 와다다다 기록하는 나만의 장소 ... 가 갖고 싶었다. 

책 읽으면서 필사를 자주 하는 편인데 그것들을 좀 더 보기 편하게 정리할 수 있겠다! 싶어서 바로 구현 도전.

 

1. 어떤 기능을 구현할까?

만들고 싶은 기능 아무렇게나 적어두는 것 보다는 주기능 / 부가기능으로 나누기로 했다.

 

주기능

✔︎ 로그인

✔︎ 회원가입

✔︎ 회원탈퇴

✔︎ 회원정보 확인

✔︎ 게시물 등록

✔︎ 게시물 수정

✔︎ 게시물 삭제

✔︎ 게시물 확인

✔︎ 반응형 웹

 

부가기능

✔︎ 생일 축하!

✔︎ 라이트 / 다크버전

✔︎ 영어 / 한국어 / 일본어 변경

✔︎ 애니메이션

(로그인 성공 후 가운데 -> 오른쪽 위로 이동, 게시물 등록 후 밑으로 슬라이드-다른게시물 밀어냄 등등..)

 

지금은 이정도!

만약에 나중에 더 추가하게 된다면 밑에 적어두자!

 

 

2. 사용하는 언어?

HTML, CSS, JavaScript (바닐라JS)

그리고 언어라고 하기에는 뭐하지만 저번에 사용했던 localStorage를 다시 한 번 사용하기로 했다.

 

 

3. 이 과정에서 무엇을 얻고 싶은가?

🍔 html, css에 대한 보다 깊은 이해와 활용

🍔 웹 접근성, 시맨틱 태그에 대한 이해

저번에 아주 작고 소중한 ... 로그인 회원가입 기능 구현을 진행하면서 html css 에 대한 이해도가 많이 부족하다는 걸 느꼈고, 웹 접근성과 시맨틱 태그도 마찬가지였다. 

최대한 많은 사람들에게 친절한 웹앱을 만들고 싶기에 접근성, 시맨틱태그에 대한 공부는 필수 중의 필수!! 라고 느꼈다. 

이번 기회에 보다 더 폭넓은 이해와 활용이 가능하도록 노력할 것이다. 이번 기회에 알게된 것들은 잘 정리해서 포스팅도 꼭 할 것. 아자!

 

🍔 JS와 친해지기

옛날보다는 친해진 것 같지만 (정말 아무것도 모르는 0의 시절...) ... 아직 한참 멀었다 😂 이건 정말 많이 써보고 만들어보는 수 밖에 없으니. 가장 중요한 건 어렵다고 어물쩡 넘어가지 말기. 모르겠는 건 찾아보고, 해결한다면 기록하기. 모든 기록은 피가 되고 살이 된다!! 

🍔 코드 한 줄 한 줄 왜 이렇게 썼는지 자문하기

대강 이래야 하니까 ~ 같이 후다닥 넘어가버리지 말자. 예를들어 비슷한 작동을 하는 메서드들이 여러개 있는데 왜 이걸 썼는지, 왜 전역변수로 설정했는지, 포맷방식은 왜 이렇게 했는지 ... 최대한 자문하며 만들기. 

 

🍔 (매우중요) 꾸준히 해서 무언가를 완성해보는 경험을 쌓는 것

1/30까지 완성! 이 나의 계획이자 목표. 절대!! 벼락치기가 아니라 하루에 정해진 양을 꾸준히 하는 경험 그리고 이를 통해 완성해보는 경험~ 

나에게 가장 필요한 경험이기에 이번 기회를 꼭 잡도록 하자 >_< 파이팅 나야..🤸🏻 파이팅....💢