개발자 99% 커뮤니티에서 수다 떨어요!
안녕하세요. 저는 현재 소프트웨어를 전공 중이고 이제 4학년이 되는 평범한 대학생입니다. 2학년때 웹프로그래밍 수업을 듣고 웹개발에 매력을 느껴 공부를 시작했습니다. 처음 웹개발 공부 시작할 때, 카카오톡클론으로 시작했는데 화면에 뭔가 바로바로 나오는게 재밌어서 이해도 안되는데 그냥 무작정 따라하면서 공부했던 기억이 나네요..(그게 벌써 2년이 다되어가다니...) 공부는 하다 안하다 반복했지만.. 지금은 프론트엔드 개발자가 되기 위해 공부하고 있습니다.
👉개요
notion을 자주 사용하는 데, notion의 board템플릿처럼 상태를 나누어 만들면 좀 더 실용적이지 않을까? 하는 생각으로 시작하게되었습니다.
✅주요 기능
1. todo board의 제목을 변경할 수 있다.
2. Drag & Drop을 사용해 todo의 상태 변경이 가능하다.
3. 팔레트 탭에서 원하는 색상을 클릭하면 배경색이 바뀌고, Drag & Drop으로 todo board의 색상을 변경할 수 있다.
4. 글씨체 탭에서 원하는 글씨체로 변경할 수 있다.
5. 초기화 버튼을 눌러 맨 처음 상태로 되돌릴 수 있다.
- sidebar를 닫을 때 모든 글자가 sidebar 폭에 맞춰서 줄바꿈이 됨
처음에는 도저히 해결방법을 못찾다가 우연히 영어는 줄바꿈이 되지 않는 것을 발견했습니다. 그래서 검색을 해보니 영어는 단어 단위로 줄바꿈이 되지만 한글은 기본적으로 글자 단위로 줄바꿈이 된다는 것을 알게되었습니다. 다행히 css에 관련된 속성이 있었고 바로 해결할 수 있었습니다. (word-break: keep-all;)(단어 단위로 줄바꿈) 그런데, 짧은 문장이나 단어는 해결이 되었는데 설명서를 넣으면서 또 문제가 발생했습니다. 문장이 길어지니까 단어 단위로 줄바꿈이 되어도 밑으로 주르륵 내려왔습니다. 그래서 어쩔 수 없이 position을 사용하여 sidebar를 열고 닫을 때 위치값을 다르게 주었습니다.
이외에도 대부분 css 때문에 막히는 부분이 많았습니다. 너무 많았지만 위의 문제에 비해서는 금방금방 해결되어서 여기에 적을 정도는 아닌 것 같습니다. 이번 프로젝트를 하면서 css는 어렵다는 것을 다시 한 번 느낍니다..ㅠㅠ
원래 하고 있던 리액트 공부를 다시 시작하려고 합니다. 그리고 어머니께서 지금 미용실을 하고 계시는데 페이스북, 인스타그램, 블로그도 하시고 심지어 유튜브도 하십니다. 그런데, 컴퓨터를 다루는게 서투셔서 모두 관리하는게 힘들어보이시더라구요.. 그래서 sns를 편하게 관리할 수 있는 어머니만을 위한 웹사이트를 만드려고 계획 중입니다.
혹시나 어머니 유튜브가 궁금하신 분이 계실까봐..ㅎㅎ
https://www.youtube.com/channel/UC2IFMGXCZPXNqCweuu50rHw
감사합니다.😍