Kyzen

07**. 4주차 끝 & 숙제 설명** 💡 오늘도 많이 배우시느라 소화 시간이 필요하실것 같습니다. 숙제가 그 소화를 도와드릴거에요! 우리가 배운 내용 80% + 찾아보며 해결해야하는 과제 20% 비율로 여러분들 것으로 만들어드리기 위해 열심히 고민했습니다 다른 걸 또 공부해야지! 생각마시고! 숙제를 해결하며 복습/예습을 해봅시다! 💡 여러 질문을 통해 해당 가이드가 안 되시는분! 을 위한 코드도 준비해드리니, 안 되네? 걱정 마시고 차근차근 해설 영상을 통해 같이 공부해봅시다! 숙제 1: LikePage에 찜데이터 모두 보여주기!이때 어떻게 가져왔죠? firebase_db.ref('/tip').once('value').then((snapshot) => { console.log("파이어베이스에서 데이터 ..

취미/앱 2021. 12. 24. 17:25

04. [파이어베이스] 앱 연동 및 파일 스토리지 사용 firebase 라이브러리 설치 및 연결개발 중인 앱에 파이어베이스를 코드단에서 연결할 수 있는 연결 정보를 줍니다. [실습 ✍️] 파이어베이스 프로젝트 내에서 앱 생성하기 👉 호스팅 설정은 체크 하지말고 진행! 👉 이렇게 파이어베이스 프로젝트 내에서 앱을 생성하면, 최종적으로 연결 정보를 줍니다. [실습 ✍️] 설치 파이어베이스 연결 정보 확인 👉 앱이 완성되면, 콘솔로 이동한다음 설정 버튼을 눌러주세요 👉 드래그해서 밑을 보면, 우리가 사용할 접속 정보가 코드로 존재합니다 앱에 파이어베이스 도구 설치 및 연결 👉 파이어베이스를 이용할 수 있게 도와주는 expo 도구를 설치합니다 👉 설치가 완료됐으면, firebaseConfig.js 파일을 하나 ..

취미/앱 2021. 12. 24. 17:24

01. 오늘 배울 것 오늘 배울 내용1) 앱과 서버: 데이터가 담겨있는 곳, 즉 서버와 앱과의 관계를 살펴봅니다. 2) 서버리스: 서버를 직접 구축하지 않고 서버를 사용하는 방법을 알아봅니다. 3) 파이어베이스: 서버리스의 한 종류인 파이어베이스 사용방법을 익힙니다. 💡 중간중간 지금까지 만들었던 코드와 앞으로 만들 코드 모두 지속적으로 리뷰를 하므로! 흐름을 놓치셨던 분들도 걱정하지 마시고 들으셔도 됩니다! 💡 지금까지 화면을 그리는 방법에 대해 배워봤다면, 4주차에선 사용자들에게 보여주고 싶은 데이터와 사용자들이 앱을 사용하면서 발생하는 데이터를 관리 및 보여주는 방법에 대해 배웁니다 앱과 서버 💡 앱에 모든 데이터를 담을 순 없습니다. 앱 용량이 커질 수도 있고 앱 개발자가 새로운 데이터를 사용자에..

취미/앱 2021. 12. 24. 17:18

01. 오늘 배울 것 오늘 배울 내용이 두 가지는 앞으로도 계속~ 반복 숙달합니다 🙂 리액트 필수 지식 활용 Expo 기능 사용 페이지 적용 오늘은 앱다운 앱을 만드는 연습과 기술을 배울텐데요! 다음 순서대로 지금까지 배웠던 것을 복습 하면서 앱다운 앱 기능을 배우니 점점 더 여러분은 앱 개발에 숙달되는 모습을 볼 수 있습니다! 👉 지난 시간까지 자바스크립트 기초체력을 다지고 JSX로 화면을 그리는 방법 까지 배워봤습니다. [앱 필수 기초지식] 리액트 필수지식 컴포넌트(Component) 상태(State,useState) 속성(Props) useEffect 이렇게 네 가지입니다. 단어가 조금 어려워 보이지만, 재미있고 간단한 개념들입니다. 이 개념들을 통해 앱 코드를 체계적으로 관리할 수 있고 화면안에서..

취미/앱 2021. 12. 23. 13:53

03. [앱 화면 만들기] JSX 문법 준비 우리가 만든 sparta-myhoneytip-gun 프로젝트를 VSCode 에디터로 열어주세요! 그 다음 아래 이미지처럼 VSCode 에디터 내의 터미널을 연 다음 expo start 명령어를 실행! expo start로 열린 Expo 개발 도구 화면에서, 좌측의 QR 코드를 휴대폰 카메라로 비춘뒤, 여러분 휴대폰에 설치했던 Expo 클라이언트 앱을 실행시킵니다. 👉 자 그럼, 앱 개발 공부를 위해 다음 순서(및 이미지 순서)로 개발 준비를 해주세요 App.js 구석구석 살펴보기 👉 App.js를 다시 또 소개하자면 간단히는 App.js는 앱의 화면을 그려주는 커다란 함수입니다. 또는! 자세히는 App.js는 리액트 네이티브 라이브러리 그리고 Expo에서 제공..

취미/앱 2021. 12. 22. 22:03

기본 생김새 // 만들기 function 함수이름(필요한 변수들) { 내릴 명령들을 순차적으로 작성 } // 사용하기 함수이름(필요한 변수들); 또다른 함수 선언 방식 let a = function(){ console.log("리터럴 방식 이라고 합니다"); } a() ​ AND 조건과 OR 조건 // AND 조건은 이렇게 function is_adult(age, sex){ if(age > 20 && sex == '여'){ alert('성인 여성') } else if (age > 20 && sex == '남') { alert('성인 남성') } else { alert('청소년이에요') } } // 참고: OR 조건은 이렇게 function is_adult(age, sex){ if (age > 65 || ..

취미/앱 2021. 12. 21. 21:25