✨Facts

JavaScript로 첫 개인 프로젝트 제작

과제로 주어진 메모장 구현을 위한 프로젝트였다. 강사님께서 디자인이 적용되지 않은 기본 틀(기능)을 전달해 주셨고, 이를 바탕 삼아 자신의 아이디어를 덧붙이는 식으로 진행되었다. 욕심 내지 않고 기능만 구현해도 된다고 말씀해주셔서 안심이 되었는데 막상 시작하고 보니 이것저것 추가하고 싶어하는 내가 있었다. 😅 평소 작업을 할 때 음악을 듣는 편이라 할 일을 정리할 때 배경음악이 흘러나오면 좋겠다는 생각, 그리고 음악과 어울리는 테마가 있으면 좋겠다는 생각에 지금의 결과물이 만들어진 것 같다.

React 시작과 끝!

메모장 구현 과제를 진행하는 중간에 React에 돌입했다. 인생에서 처음으로 배우는 React...인데 사실 메모장 만드는 데 조금 심혈을 기울이는 바람에 수업을 듣지 못한 부분이 많았다 ㅎ 하나에 꽂히면 끝을 봐야 직성이 풀리는 성격때문에 어떡하지 싶으면서도 결국 메모장 수정을 완전히 마치고 나서야 수업에 참여할 수 있었다. 사실 놓친 부분이 많아 중간부터 듣기 시작하니 어렵게 느껴져 포기에 가깝게 마지막 수업을 들었던 것 같다. 나 혼자 모르는 건 어쩔 수 없지만, 두려운 것은 이제부터 팀 프로젝트를 시작해야 한다는 사실이... 🥲

웹 접근성과 three.js 특강

카카오의 혜일님과 1분코딩의 준모님께서 웹 접근성과 three.js 특강을 위해 방문해 주셨다. 멋쟁이 사자처럼에서 HTML부터 react까지 차근차근 단계를 거쳐 배우면서 웹 접근성에 대한 가치를 몸소 느끼고 있었기에 특강 소식을 들은 날부터 굉장히 설레고 있었다. 인터랙티브 웹에도 관심이 많았기에 준모님의 특강까지 무척 기대하고 있었던 것 같다. 결론을 먼저 말하자면, 두 분이 진행해주신 특강이 매우 뜻깊고 소중한 시간이었다는 것.

✨Discovery

• 메모장이라는 하나의 주제 안에서 이렇게나 다양한 결과물이 나올 줄이야! 과제 마감 이후 완성본을 공유하는 시간을 짧게 가졌는데 동기 분들의 빛나는 아이디어를 볼 수 있어 신기하고 행복했다 😊 개인적으로 기억에 남아있는 프로젝트는 나영님의 귀여운 먀모장(디자인은 물론이고 말풍선으로 메모 종류를 나누는 아이디어가 정말 기발하다고 느꼈다! 자연스러운 반응형 디자인도 멋져서 보는 내내 감탄했던 기억이..👍), 태희님의 메모장은 UI/UX가 깔끔한 것과 더불어 위로가 되는 따뜻한 내용을 담고 있어 감동을 받았던 것 같다. 🥹 날씨 API를 활용해 사용자 위치를 입력하면 날씨를 출력해주는 기능도, 메모장이 위치가 랜덤으로 나타나는 기발한 메모장까지! 전부 멋진 작품들이었다 👏
• 혜일님의 웹 접근성 특강은 여러가지 면에서 새로움과 깨달음의 시간이었다. 어떤 상황에서 스크린리더가 어떻게 반응하는지, 실제 동작하는 영상을 촬영해 보여주신 덕분에 왜 접근성에 유의하며 코드를 작성해야 하는지(그렇지 않으면 얼마나 불편한 서비스가 되는지)를 확실히 깨달을 수 있었다.

✨Lessons Learned

• 강사님과 멘토님께서 남겨주신 피드백으로 메모장에서 개선되어야 할 부분을 알 수 있었다. 강사님께서 말씀해주신 '메모장의 부자연스러운 정렬 레이아웃 수정(flex→grid로 변경)', '새로고침을 해도 저장하지 않은 메모가 사라지지 않던 오류'는 현재 수정한 상태. 멘토님의 피드백도 차차 수정해 나가며 블로그에 내용을 남겨볼까 싶다.
• 메모장 프로젝트를 진행하면서 몰랐던 기능을 여럿 배울 수 있었다. root를 활용해 CSS에서 색을 손쉽게 변경하는 경험도 해보았고, JavaScript를 활용하는 것에 있어서도 전보다 수월함을 느낀다. 역시 코딩은 직접 손을 움직여야 좋은 학습 능률을 보이나 보다.

  UN 장애인 권리 협약
  장애는 점진적으로 변화하는 개념이며, 손상을 지닌 사람과 그들이 다른 사람과 동등하게 완전하고 효과적으로 사회에 참여하는 것을 저해하는 태도 및 환경적인 장벽 간의 상호작용으로부터 기인된다.

• 장애는 당사자가 아닌 환경을 말한다. 접근성이 낮은 서비스는 장애를 강화하기 때문에, 우리는 모든 사람이 동등하게 서비스를 이용할 수 있는 편리한 환경을 만들어야 한다. 그것이 접근성이 지닌 가치이자 이유다.

✨Declaration

• 팀 프로젝트를 대비해 React 공부 기초부터 시작하기
• 최초의 마음가짐을 상기하기! 풀어지지 말고 열심히!