전체 글24 [내일배움캠프] 스파르타 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. [내일배움캠프] 스파르타 1일차_24.09.30 오늘 활동 및 공부했던 내용1. 팀원과 함께 팀 노션 작성2. 와이어프레임 스케치3. Html, Css 공부4. Firebase Storage 연동5. Git 기초 학습1. 팀원과 함께 노션 작성미니 프로젝트에 앞서 팀원과 Zep을 통해 원격으로 대화하면서 팀 노션을 작성해보는 일이였다. 처음 보는 사이기도 하였고 어색했지만 목표는 다 같았기에 대화가 원활했다. 각자 MBTI나 간단한 소개를 하며 팀원에 대해 알아 갈 수 있는 시간이 되었다. 또한, Ground Rule, 역할 등 상의하여 프로젝트 도중 문제가 생기지 않도록 최대한 조율했다.2. 와이어프레임 스케치 마지막으로는 가장 중요한 미니 프로젝트의 와이어프레임에 대해 상의해보았다. 이것을 상의하면서 만들기는 다소 무리가 있기에 개인간의 시간을 가.. 2024. 9. 30. EditText - 엔터키이벤트 채팅앱을 구현 중 메시지를 송신하는 버튼을 만들어놓고 눌러서 송신하게 만들어 놓았다. 하지만 테스트하는 중에 항상 버튼을 누르는 것이 너무 불편해 엔터키로 처리하고 싶어졌다.. 요긴하게 쓸 것 같다. EditText에 setOnKeyListner라는 함수를 이용해서 엔터키의 키코드에 이벤트를 넣어주면된다 EditText_chat.setOnKeyListener(new View.OnKeyListener() { @Override public boolean onKey(View view, int i, KeyEvent keyEvent) { switch (i){ case KeyEvent.KEYCODE_ENTER: msg = EditText_chat.getText().toString(); ChatData chat = .. 2023. 7. 3. 리사이클러뷰 - 스크롤 끝으로 가기 두서 없지만 현재 학교 프로젝트로 학교 SNS앱을 만들던 중.. 리사이클러뷰와 Realtime Database를 이용해 채팅을 구현했지만 스크롤이 내려가지 않아 어떻게 하지 고민하고 있었다. 위의 동영상처럼 입력해도 스마트폰화면에서 자동으로 스크롤이 내려가지 않는다.. ㅠㅠ 굉장히 쉬운 방법으로 할 수 있었다.. myRef.addChildEventListener(new ChildEventListener() { @Override public void onChildAdded(@NonNull DataSnapshot dataSnapshot, @Nullable String s) { Log.d("CHATCHAT", dataSnapshot.getValue().toString()); ChatData chat = dat.. 2023. 7. 3. 이전 1 2 3 4 다음
