본문 바로가기

분류 전체보기42

TIL - 2023.11.28 어제 본 캠프가 개강을 한 이후 작은 프로젝트가 주어졌다. 프로젝트는 팀 소개 페이지 만들기. 어떤 식으로 팀 과제가 주어지고, 어떻게 협력해서 과제를 수행해 나가야 하는지를 알려주는 목적으로 진행되는 것 같았다. 팀 소개 페이지 만들기는 이전에 사전캠프에서 배운 요소들을 이용해 충분히 만들 수 있는 수준이였다. 하지만 영상을 보고 따라하는게 아닌 아얘 0부터 시작해야 하는 거다보니 조금 막막했다. 오늘은 각 팀원의 카드를 클릭했을 때 팀원의 정보와 짧은 자기소개가 나오는 모달 창을 만드는 작업을 했다. 이전에 했던 작업을 가져와 구현했다. 1. 이름을 입력해주세요! 2. 나이를 입력해주세요! 2. MBTI를 입력해주세요! 3. 이미지 주소를 입력해주세요! 4. 짧은 자기소개를 입력해주세요! 합류하기! .. 2023. 11. 28.
4주차 개발일지 4추자 강의를 모두 수강했다. 4주차에 학습한 내용은 firebase 데이터베이스를 이용해 기존에 만들던 추억앨범에 카드를 추가하고 불러오는 내용이였다. firebase는 생각보다 사용하기 편리했다. 진짜 실무에서 사용하는 데이터베이스라기엔 내 추억앨범의 데이터베이스는 빈약하기 그지없지만 어떤 식으로 데이터베이스가 구동되는지 감을 잡을 수 있었다. 강의에서는 데이터를 추가하고 불러오는 데 까지만 구현했지만 데이터베이스를 활용한다고 하면 역시 데이터 수정과 삭제가 가능해야 완벽한 활용이라고 할 수 있겠다. 그래서 이번에도 혼자서 구현해봤다. 캠프에서 제공해준 firebase 코드 스니펫에는 카드를 수정, 삭제하는데 필요한 deleteDoc이나 updateDoc이 임포트 되어있지 않으므로 직접 추가해줘야 한.. 2023. 11. 23.
하... 화난다 코드 공부중 별것도 아닌 기능 하나 넣겠다고 3시간은 넘게 태웠다. 원하는 대로 실행이 안되는 코드를 보며 머리를 쥐어짜냈지만 결국 문제는 s하나였다. getDoc하고 getDocs의 차이였는데, 내가 쓰려던 데이터는 문서 한개였고 내가 복붙으로 긁어온 코드는 getDocs였을 뿐이다. 아니 그냥 하나로 통일하지 왜 이렇게까지 구분하는거야... 이 다음에도 막힌 부분이 있었는데, 이것 또한 다 완성하고 하나를 추가 안해서 작동이 안되는 거였다. 원래 오류가 나오면 오류문 전체를 긁어서 구글링이나 gpt한테 물어보는게 국룰인데, 내 오류메세지는 찾다보니 상당히 광범위한 오류였다. 즉 이 오류메세지가 뜨는 이유가 상당히 많다는 뜻이다. 머리를 싸매다가 어, 혹시? 하는 마음에 여러가지 시도를 하다가 지운 a.. 2023. 11. 22.
3주차 개발 일지 3주차는 jQuery와 Fetch에 대해 학습했다. jQuery는 자바스크립트를 더 간단한 코드로 구현할 수 있게 해주는 툴같은 느낌이였다. 간단한 코드로 여러가지 기능을 구현할 수 있었다. 하지만 그만큼 옵션이라고 해야 하나? 다양하게 지정할 수 있는 옵션의 양이 꽤 되어 보였다. 물론 웹에서 찾으면 바로바로 사용이 가능하지만 몇개정도는 외울 필요를 느꼈다. 3주차엔 잠깐 다른길로 샜었는데, 추억앨범에 jQuery를 적용하는 법을 배울 때 다른 기능도 추가해 보고자 하는 욕심이 생겼다. 나름 앨범이라고 만들어 놓은 사이트인데, 사진을 클릭하면 크게 볼 수 있는 기능 정도는 있어줘야 하지 않을까? 라는 생각이 들었다. 그래서 학습을 진행하다 말고 바로 시도해 보았다. 일단 구현할 것은 사진 카드를 클릭하.. 2023. 11. 21.

티스토리툴바