스파르타내일배움캠프TIL
-
[KPT] 스파르타) 1 주차 프로젝트 완료 (21조)KPT 2024. 4. 19. 16:43
내일배움캠프 1주차 팀원 소개 홈페이지 프로젝트를 진행 후팀원들과 모여 더 나은 다음 프로젝트를 위해 KPT회고를 진행하였다. Keep프로그래밍을 처음 접한 환경에서 포기하지 않고 모든 팀원이 자신의 역할을 훌륭히 수행해 낸 것모든 팀원들이 적극적으로 나선 덕분에 성공적으로 프로젝트를 마무리한 것자유롭게 각자의 의견을 제시할 수 있는 분위기를 조성한 것자신이 먼저 알고 있던 지식을 팀원에게 공유하여 자신만이 아니라 팀의 성장을 생각하는 모습!Problem프로젝트 구현에 급근한 나머지 기능 구현에만 집중하고 프로젝트 Documentation 작성이 미흡한 점프로젝트 기획 단계를 꼼꼼하게 진행하지 못하여 발표하는 과정이 매끄럽지 못했던 점웹 개발 과정에서 Firebase Database 및 날씨 api ke..
-
[TIL] 스파르타) 미니 프로젝트 1TIL-sparta 2024. 4. 18. 23:54
https://teamsparta.notion.site/Chapter-1-77677e4e57624d0f80027384264c3604 -- 학습 키워드: Overlay, css, 날씨 API, Javascript 1. Overlay (CSS) - 어제 구현했던 카드 회전 기능에 더하여 카드들에 overlay를 입혀서 반짝거리는 기능을 구현하려고 했는데, overlay용 div가 카드 위로 올라가지 않는 상황이 생겼다. div의 position 값이 무엇인지, z-index 값이 지정되어있는지에 따라서 div의 표시 우선순위가 바뀐다고 하는데, position 값이 absolute와 relative로 설정되어있는 상태로는 z-index가 오버레이 div의 표시 순서에 영향을 주지 않았다. position 값..
-
[TIL] 웹개발 종합반 3~5주차, CSS를 이용한 Container 회전TIL-sparta 2024. 4. 17. 20:28
https://teamsparta.notion.site/6f9af2db82c349209aa0238be87808b2 [왕초보] 웹개발 종합반 | Notion설치 프로그램teamsparta.notion.site웹개발 종합반 3~5주차 과제 완료, CSS를 이용한 Container 회전 -- 학습 키워드: Github Pages, Firebase, CORS, transform 1. Github Pages - Github에서 Pages를 통해 repo 내의 특정 branch를 호스팅 할 수 있다. 하나의 repo에서 한 개의 호스팅만 지원하기 때문에 이번과 같이 과제 프로젝트 여럿을 하나의 repo에 몰아넣으면 귀찮아진다. 2. Firebase - Google이 지원하는 클라우드 데이터베이스 서비스다. 이전에 ..
-
[TIL] 스파르타) 웹개발 종합반 1~3, 코드카타TIL-sparta 2024. 4. 16. 21:16
https://teamsparta.notion.site/6f9af2db82c349209aa0238be87808b2+ 웹개발 종합반 1주차 ~ 3주차 https://teamsparta.notion.site/6e8038cb776c430e9b9525751b96e94e+ 코드카타 (1&2 제출, 14까지 완료) --개요 웹개발 종합반 코스의 1주차~3주차 분량의 과제 해결 / 코드 카타 문제 14번까지 완료하고 1, 2일차 분 제출 -- 학습 키워드: JQuery, Bootstrap, Javascript, Code Kata 1. Code Katahttps://github.com/donkim1212/nbc_ack/blob/master/14/solution.js - 딱히 어려운 부분이 없었으나 정확히 14번 문제(..
-
[TIL] Javascript Basics 01TIL-sparta 2024. 4. 15. 21:00
https://ko.javascript.info/ 모던 JavaScript 튜토리얼 ko.javascript.info4.6 옵셔널 체이닝 ~ 5.4 문자열 -- 자바스크립트를 마지막으로 다룬지 꽤 오래되었기도 하고, 이전에 자세히는 몰랐던 세밀한 부분들에 대한 개념을 정립하기 위해 복습함 -- 학습 키워드: 옵셔널 체이닝, 심볼, 객체, 원시형 1. 옵셔널 체이닝 (Optional Chaining) - 조건문 등을 작성할때 조건에 해당하는 객체의 존재 여부 (null 여부) 를 확인하기 위해 && 를 여러번 사용하여 확인했었는데, 자바스크립트에서는 옵셔널 체이닝 (?.) 이라는 기능을 이용하여 좀 더 간략하게 표기가 가능하다. 예시) if (list && list.node && list.node.tai..