캠프 개발일지21 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주차 개발 일지 3주차는 jQuery와 Fetch에 대해 학습했다. jQuery는 자바스크립트를 더 간단한 코드로 구현할 수 있게 해주는 툴같은 느낌이였다. 간단한 코드로 여러가지 기능을 구현할 수 있었다. 하지만 그만큼 옵션이라고 해야 하나? 다양하게 지정할 수 있는 옵션의 양이 꽤 되어 보였다. 물론 웹에서 찾으면 바로바로 사용이 가능하지만 몇개정도는 외울 필요를 느꼈다. 3주차엔 잠깐 다른길로 샜었는데, 추억앨범에 jQuery를 적용하는 법을 배울 때 다른 기능도 추가해 보고자 하는 욕심이 생겼다. 나름 앨범이라고 만들어 놓은 사이트인데, 사진을 클릭하면 크게 볼 수 있는 기능 정도는 있어줘야 하지 않을까? 라는 생각이 들었다. 그래서 학습을 진행하다 말고 바로 시도해 보았다. 일단 구현할 것은 사진 카드를 클릭하.. 2023. 11. 21. 2주차 개발일지 2주차가 끝났다. 이번 주차에 배운 내용은 CSS의 복습과 자바스크립트의 기초였다. CSS는 스파르타플릭스라는 예시 사이트를 보며 강사님과 똑같이 따라 만드는 과정이였다. 직접 작성한 코드는 div의 조정뿐, 나머지는 거의 다 bootstrap에서 긁어오는 작업이였다. 하지만 결과물은 꽤나 봐줄만한 결과가 나왔다. HTML을 조금씩 만져보니 구현해보고싶은 여러가지 기능들이 머릿속에 떠올랐다. 하지만 지금까지 배운 내용은 뼈대만들기에 불과할 뿐으로 자바스크립트에 대한 공부각 필요하다. 2추자 중간부턴 자바스크립트의 기초 문법 공부를 시작했다. 기본적인 코드의 구성은 다른 언어와 별반 다르지 않았다. 변수, 자료형, 조건/반복문 등등 코딩 공부를 시작할 때 수없이 들은 코드의 기초적인 틀을 배웠다. 하지만 .. 2023. 11. 15. 이전 1 2 3 4 5 6 다음
