👩‍💻 가연의 개발자취 📚

Intro프로젝트가 월요일까지라 주말에도 열심히 작업을 했다.firebase authentication으로 로그인 연동을 하고 firebase firestore도 연결해 DB 설정하려 했으나 firestore는 연동에 실패했다 ㅠ    프로젝트 진행상황React Native Firebasehttps://rnfirebase.io/ React Native Firebase | React Native FirebaseWelcome to React Native Firebase! To get started, you must first setup a Firebase project and install the "app" module. React Native Firebase is the officially recommen..

Intro3일차에는 Article 페이지를 구현하였다. firebase를 연동할 예정이라 프로젝트에서 제공된 API는 불러오지 않았다. ✅ Article UI 구현➡️ Home UI 구현✅ 무한 스크롤에서 발생하는 오류 해결   프로젝트 진행상황ImageBackground아티클 헤더로 쓰이는 각종 캠핑 정보 박스를 구현할 때 사용한 컴포넌트이미지가 들어간 박스를 만들고 싶어서 react-native의 ImageBackground 컴포넌트를 사용해보았다.import { ImageBackground, ...} from 'react-native'; 각종 캠핑 정보 캠핑투게더가 제공하는 각종 꿀팁으로 캠핑을 더 풍성하게 즐겨보세요. ..

Intro2일차엔 전국 캠핑장 리스트를 조회하기 위해 공공데이터 API를 불러오는 코드를 구현하였다. 해야 할 일✅ 공공데이터 API 불러오기✅ Home 화면 구현하기➡️ Article 화면 구현하기   프로젝트 진행상황오픈 API 활용하기https://www.data.go.kr/data/15101933/openapi.do#/layer-api-guide 한국관광공사_고캠핑 정보 조회서비스_GW한국관광공사 고캠핑 홈페이지에서 제공하는 캠핑장 정보를 제공합니다. 한국관광공사 고캠핑 홈페이지에서 제공하는 캠핑장 정보를 제공합니다.www.data.go.kr 위 사이트에서 회원가입 후 활용 신청을 해야 API를 불러올 수 있다.로그인 후 발급받은 인증키를 입력해야 불러올..

Intro 데브코스 마지막 개인프로젝트가 시작되었다. 16일부터였는데 강의 듣느라 17일 저녁부터 시작.. 이번엔 Figma로 UI 디자인이 주어졌기 때문에 이번 개인 프로젝트 목표는 최대한 디자인과 똑같이 구현하는 데에 있다. 주어진 디자인을 똑같이 구현하는 것이 프론트엔드 개발자의 능력 중 하나라고 생각하기 때문이다...! 프로젝트 진행상황 코딩테스트 강의와 Nodejs express 강의를 듣다가 다시 React Native를 하려니 순간 어떻게 했더라...? 기억이 안났다. 이전에 React Native 공부하면서 기록해 놓은 것들 다시 보면서 프로젝트를 시작했다. 프로젝트를 진행하기 앞서, 저번 프로젝트에서도 사용했던 툴인 Linear를 사용해 개발해야 할 사항들을 나열하고 이슈 관리를 하였다...

Intro 이전에 API 학습을 통해 데이터를 CRUD하는 코드를 작성하였는데 이번 시간엔 생성된 데이터를 직접 Firebase 데이터베이스에 저장하는 법을 배우고 실습하였다. 오늘 학습한 내용 호스팅 (Hosting) : 클라우드가 상용화 되기 전부터 사용했던 서비스 호스팅 vs 클라우드 호스팅과 클라우드는 컴퓨터 자원을 빌려 사용한다는 공통점을 갖고 있다. 운영비용과 관리 편의성, 확장성에 차이가 있다. 호스팅 서비스는 물리적인 자원을 임대하는 것으로 즉각적인 대응에 어려움이 있다. 비용은 매월/년 고정적이다. 기본적인 인프라 (방화벽, 네트워크 등)는 호스팅 업체에서 직접 관리한다. 클라우드 서비스는 논리적 가상 자원을 임대하는 것이다. 스토리지 용량, 인스턴스 수 증가 등 빠른 대응이 가능하고 사..

Intro데브코스 firebase 강의도 벅찼는데 자료구조/알고리즘 강의까지 있어서 듣느라 조금 힘들었다.알고리즘 문제를 풀고 해설 강의까지 들어야 했는데 문제를 푸는 데도 시간이 오래 걸리기 때문이다.시간 상 어려운 문제들은 조금만 고민하고 풀이를 보곤 했다.여유로울 때 다시 풀어봐야지!    오늘 학습한 내용스택 (Stack): LIFO (Last In First Out) 큐 (Queue): FIFO (First In First Out)shift 함수 사용은 지양front, rear, index 변수를 지정해서 변수를 꺼내면 front++ 이런 식으로 구현하면 됨 해시 테이블: 입력받은 값을 특정 범위 내 숫자로 변경하는 함수ex. “gender” ⇒ 172461724 …  ⚠️ 만약 해시 함수의 결..

Intro오늘부터 REST API에 대한 강의를 듣고 Node.js Express를 활용해 데이터 CRUD 실습까지 진행하였다.REST API 강의가 끝나고 백엔드 서버를 구현하는 실습 강의까지 듣게 될 예정이다.팀 프로젝트 전에 미리 백엔드까지 공부할 수 있어서 좋았다.   오늘 학습한 내용REST API= REST + API API (Application Programming Interface): 다른 소프트웨어에서 접근할 수 있게 제공되는 연결 방식 Interface는 정보를 주고 받을 수 있는 매개라는 의미이다.유저 인터페이스, 모니터, 키보드, USB, 한국어 등등이 인터페이스라 불릴 수 있다.  REST (Representational State Transfer): 분산 하이퍼미디어 시스템을 ..

Intro프로젝트 마지막날!주말과 오늘까지 피드 검색 & 피드 게시글 올리는 화면을 구현하였다.   프로젝트 진행사항피드 검색 기능 태그를 검색하는 기능을 추가했다.검색어와 같은 태그가 포함되어 있는 피드만 리스트로 보여준다.결과가 없을 경우 검색결과가 없습니다라는 문구를 보여준다.최근 검색어는 가장 최근에 검색한 키워드가 맨 위에 오고 자바스크립트의 Set을 사용해 중복을 없애주었다.  피드 새글 작성 & 사진 올리기react-native-camera-roll 라이브러리를 사용하여 핸드폰의 사진 앱에 접근하여 사진을 올릴 수 있는 기능을 구현하였다.const fetchImages = () => { CameraRoll.getPhotos({ first: 100, }).then(res =..

Intro프로젝트 세팅과 간단한 디자인 완료 후, 오늘부터 본격적으로 개발에 들어갔다.   프로젝트 진행사항React-native-navigation: 페이지 이동을 위해 navigation 라이브러리를 사용했다. react-native-vector-icon를 추가해 하단 탭을 아이콘으로 구현했다. 타입스크립트에서는 탭이나 페이지 컴포넌트가 받는 params 타입 지정이 필요했다.export type RootStackParamList = { Splash: undefined; MainTab: undefined; SearchResult: { keyword: string } | undefined; Chat: undefined; NewPostDetailPage: { images: ImageType[] ..

Intro지난 React Native 강의를 토대로 오늘부터 또 다른 개인 프로젝트가 시작됐다.SNS와 비슷한 오운완 피드 앱을 제작하는 것이다.  프로젝트 진행 사항프로젝트 필수 기능피드 리스트피드 검색피드 업로드코멘트 리스트/코멘트 작성DM 리스트DM 상세화면그 외 선택으로 구현 가능한 기능은 아래와 같다.로그인/회원가입프로필/프로필 수정알림함팔로우/팔로워앱 설정  프로젝트 기획/디자인"오운완"이란 단어를 들으니 요즘 빠져있는 클라이밍이 생각났다.클라이밍을 좋아하는 사람들만의 SNS를 만들면 좋을 것 같아 클라이밍을 주제로 잡고 디자인해 보았다. 필수 기능을 포함하는 앱을 시간 내에 만들기 위해선 많은 기능을 추가하진 못했다.  프로젝트 세팅이번 프로젝트에선 JS가 아닌 TS를 사용하여 개발해보기로 ..