본문 바로가기

스파르타(부트캠프)/TIL (Today I Learned)13

[내일배움캠프] 스파르타 8일차_24.10.10 공부 내용 및 활동 내용 -  Java 기초 (클래스)1. This, Super2. Abstract (추상 클래스)3. Interface4. 클래스 설계해보기5. 스파르타 종합반 3주차 숙제 재분석  아... 어렵다 자바.. 자바문법 종합반 2주차까지는 제어, 컬렉션이라 이해를 금방할 수 있었지만 클래스는 정말 쉽지 않았다.그래도 포기하지 말자 ㅠㅠ오늘 TIL은 자바 문법 클래스 중 잘 이해가 안 가는 부분 위주로 복습했다.1. This, Super- This는 객체 즉, 인스턴스 자신을 표현하는 키워드이다.- SUPER는 부모클래스의 벰버를 참조할 수 있는 키워드이다.-> 이것만 들어서는 잘 이해가 가지 않는다. 그래서 실제로 코드를 작성해보며 이해해보았다.// Class Apublic class A .. 2024. 10. 10.
[내일배움캠프] 스파르타 6일차_24.10.07 공부 내용 및 활동 내용 -  프로젝트 회고, JAVA 복습1. 프로젝트 회고 ( 신경썼던 점, 어려웠던 점, 아쉬웠던 점, 개선할 점)2. JAVA 기초 복습1. 프로젝트 회고완성된 프로젝트https://youtu.be/cZUn-xfu15g?si=A33vI4SkYr5QxF46 - 신경썼던 점: 목적, 목표에 맞게 CRUD에 집중 - 어려웠던 점1. Javascript 이해도- 를 html 파일에서 분리할 때, CORS 정책 때문에 서버를 켜줘야하는 것- Firestore를 활용하기 위한, async, await 처리- 동적으로 생겨진 요소에 클릭이벤트 처리2. 코드 컨벤션- 코드의 일관성 혹은 규칙이 명확하지 않아 코드를 다시 파악하는데 어려움- 변수명, css 클래스명 명명 시, 명명을 어떻게 할지 .. 2024. 10. 7.
[내일배움캠프] 스파르타 5일차_24.10.04 공부 내용 및 활동 내용 -  미니 프로젝트 개발1. 이미지 미리보기2. 버그 수정 (Update)3. Firestore Delete (Javascript)4. 미니프로젝트 끝? 1. 이미지 미리보기 (FileReader)프로필을 수정할 때, 이미지 미리보기가 있으면 좋겠다는 생각을 해서 찾아보았다.// js$('#cur_img').change(function () { const file = this.files[0]; if (file) { const reader = new FileReader(); reader.onload = function (e) { $('#circle_img').attr('src', e.target.result).show(); .. 2024. 10. 4.
[내일배움캠프] 스파르타 4일차_24.10.03 공부 내용 및 활동 내용 -  프로젝트 개발1. 개발 파일 정리 (LiveSever (VSCODE))2. Firestore 쿼리 색인 만들기3. 동적으로 추가된 요소에 클릭이벤트 추가4. 프로필 클릭 시, 모달창 (남이 클릭했을 때, 내가 클릭했을 때)1. 개발 파일 정리 기존에 html에 javascript와 포함되있었는데 가독성도 좋지 못해서 분리하는 작업을 가졌다.backup, testFolder는 말 그대로 백업용 혹은 테스트 폴더이며 관리하기 귀찮아서..  일단 저렇게 보관하고 있다. 테스트 폴더에는 내가 사용하기 조금 힘들었던 그리드 연습페이지가 잔뜩있다 ㅋㅋㅋ... 헷갈린다그리드를 처음 쓸때는 이해하지 못하고 썼다면 이제는 이해가 가기 시작했다. 동적으로 만들어진 요소를 어떻게 깔끔하고 이쁘.. 2024. 10. 4.
[내일배움캠프] 스파르타 3일차_24.10.02 공부 내용 및 활동 내용 -  프로젝트 개발1. 세션 구현 (Login, Logout) 2. 모달창 구현 (input form)3. Firestorage 이미지 (upload, download)4. Firestore 데이터 (쿼리, 업데이트)1. 세션 구현 (Login, Logout) 로그인 구현을 위해선 어딘가에 로그인했다는 정보를 저장해야한다. 그렇기에 많은 고민을 해보았다. 음... 고민해보고 구글링 중 쿠키, 로컬스토리지, 세션스토리지 라는 것이 있다는 것을 알게 되었다.  - 처음 처음에는 단순히 데이터를 저장 목적으로 Local storage를 통해 테스트를 해보았다.// 데이터 저장localStorage.setItem('username', 'Kimu');// 데이터 가져오기const user.. 2024. 10. 2.
[내일배움캠프] 스파르타 2일차_24.10.01 공부 내용 및 활동 내용1. JS - Firestore 연동 복습2. Github로 간단히 배포 작업3. 파이썬 스크랩핑4. 와이어프레임 완성5. 팀 소개 미니프로젝트 계획 및 구성6. 미니 프로젝트 시작 1. JS - FireStore 연동 복습캠프 강의를 통해 최종적으로 Firestore을 연동해보며, 기본적인 틀을 다시 학습할 수 있는 기회가 되었다.이렇게 강의를 통해복습은 코드 숙달에 매우 도움이 된다.Bootstrap, JQuery 등 사용하는 방법 숙달단순히 데이터를 저장하며 공부를 하기엔 Firestore가 굉장히 편함코드 정리 & Clean Code는 중요함코드 재활용을 통해 능률 상승빠르게 Html, Css, JS를 학습 가능아직은 Firestore 기능에 대해 완벽하게 잘 알지는 못하지.. 2024. 10. 1.

티스토리툴바