profile
함께 하고싶은 개발자가 되고싶다.
post-thumbnail

Team Project 09.09 TIL

Firestore Collection에 각 threads , Message 저장Firestore Collection 내에서 하위 collection 만드는 방법Firestore Collection에서 Data가져오기 임의로 지정해주었던 사용자 ID에서 회원으로 가입된

2021년 9월 9일
·
0개의 댓글
post-thumbnail

Team Project 09.08 TIL

채팅방 리스트 불러오기채팅방 UI 새로 만든 채팅방을 Firestore Database에 저장하고 리스트를 불러오는 작업을 진행하였다. 채팅 라이브러리의 전체적인 구조와 흐름을 알기 위해서 직접 Firebase를 구축해서 기능 작동 연습을 진행하고 있다. 관건은 채팅

2021년 9월 8일
·
0개의 댓글
post-thumbnail

Team Project 09.06 TIL

React-Native를 활용한 로그인, 회원가입 UI만들기 Firebase와 연결하여 UI내에서 회원가입시 유저정보 서버에 전송하기Signup Screen 페이지의 코드 작성 onPress = { () => register(email, password) }부분의 re

2021년 9월 6일
·
0개의 댓글
post-thumbnail

Team Project 1주차

React-NativeTypeScriptGraphQLFirebase지금까지 Javascript 를 기반으로 React를 사용하여 웹개발 프로젝트를 진행하였다.웹을 위주로 진행을 하다보니 앱은 어떠한 방식으로 만들어지는지에 대한 궁금증이 생겼고 지금까지 배운 지식으로 앱

2021년 9월 3일
·
0개의 댓글
post-thumbnail

<07.30> TIL

AWS : 가장 많이 사용하는 스토리지Google : 상대적으로 비용이 저렴해서 스타트업등 소규모 회사들이 많이 사용하곤 한다. => 스토리지에 이미지를 저장하는 순간 해당 이미지에 대한 url이 생성된다. 인풋타입을 file로 만들어 주었더니 파일을 추가할 수 있는

2021년 8월 3일
·
0개의 댓글
post-thumbnail

<07.29> TIL

데이터베이스 관리 툴\-> 데이터베이스는 아님. 데이터베이스를 보기 쉽게 관리 할 수 있는 툴. 호스트 주소와 포트번호를 입력하고 접속한 모습이다. 터미널에 위 명령어를 입력하여 프로그램을 성정하였다. json 파일에 script 명령어를 추가하였다. 각 파일들을 ta

2021년 7월 30일
·
0개의 댓글
post-thumbnail

<07.28> TIL

useEffect ![](https://images.velog.io/images/tjsals0406/post/915212f9-367e-4583-bf8f-da84b541c547/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202021-07-...

2021년 7월 29일
·
0개의 댓글
post-thumbnail

<07.27> TIL

페이지네이션 예시 data라는 이름이 같지만 가지고 있는 속성은 다르니 사용에 주의해야 한다. key를 부여하지 않으면 빨간 밑줄이 생기게 된다. 함수 Query에서 바로 refetch를 할 수 있다. key의 이름이 같아야 한다. 다음을 눌렀을 때 10씩 증가 될 수

2021년 7월 28일
·
0개의 댓글
post-thumbnail

<07.26> TIL

모달을 작동시키는 코드는 상단으로 올리는 경우도 많다. \-> 전체적인 페이지 작동의 흐름을 파악하기 쉽기 때문이다. 등록하기 버트을 눌렀을때 주소가 추가되게 한 모습마우스를 올렸을 때 작성한 주소가 보이게 설정한 모습.(툴팁 활용)\-> 옵셔널체이닝 사용시 ? 의 위

2021년 7월 27일
·
0개의 댓글
post-thumbnail

07.23 TIL

전일 과제 코드 리뷰 ![](https://images.velog.io/images/tjsals0406/post/5a732f1b-937e-4310-a375-4c044b282dad/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%

2021년 7월 23일
·
0개의 댓글
post-thumbnail

07.22 TIL

댓글을 작서할때 boardId가 항상 같이 들어가야 한다. 이렇게 작성될 경우 수정하기 버튼을 누르면 전체 목록이 수정되는 문제가 발생한다.map을 따로 파일을 만들어서 import 시키는 방법을 이용하였다. UI프레임워크 예시 \-> 직접 만든것이 아닌 만들어진 것을

2021년 7월 22일
·
0개의 댓글
post-thumbnail

07.21 TIL

Query를 구조분해 할당으로 data를 불러올 경우, 이름이 같기 때문에 data:aaa 등으로 이름을 바꿔서 다른 이름으로 설정해준다. 댓글부분 컴포넌트 폴더 나눠놓은 모습디테일 페이지에서 나눠놓은 컴포넌트를 이용해서 따로 페이지를 만들지 않고 컴포넌트만 사용해서

2021년 7월 21일
·
0개의 댓글
post-thumbnail

07.20 TIL

1.약수의 합\->문제 풀이 \->Number.isInteger를 활용한 풀이2.자릿수 더하기\-> 문제 풀이수정하기 눌렀을때 사용할 함수 예시Props를 이용하여 수정화면과 등록화면을 나눠서 보여주는 방법isEdit이라는 변수를 만들고 유무에 따라서 함수도 다르게 작

2021년 7월 20일
·
0개의 댓글
post-thumbnail

07.19 TIL

\-> 작성된 답안\-> 문자열이 포함될 경우 false를 반환하는 문제를 해결하지 못했다.\-> 풀이 정답\-> 반복문과 isNaN이라는 함수를 사용\-> 설명을 들어도 잘 이해가 되지 않았다.\-> for문은 실무에서 잘 사용하지 않으므로 filter로 바꿔서 작성

2021년 7월 19일
·
0개의 댓글
post-thumbnail

07.17 TIL

Map 화면에 객체 또는 배열을 뿌려주어 보여주는 기능 (=반복문 for와 비슷한 기능) -> 실무에서는 반복문 for문을 거의 사용하지 않으며 map이라는 기능을 이용한다. > #### Map은 배열이 가지고 있는 기능이다 (객체는 x) 배열이 가지고 있는

2021년 7월 18일
·
0개의 댓글
post-thumbnail

07.16 TIL

\-> 변수에 담긴 객체들을 구조분해 할당한 모습\-> 이런식으로 객체 안에 담긴 변수의 이름을 변경 할 수도 있다. \-> 구조분해 할당 실습문제 풀이\-> 배열의 경우는 할당된 이름이 아니라 배열의 순서가 중요 하다 \-> 상단부에는 Container를 하단부에는

2021년 7월 17일
·
0개의 댓글
post-thumbnail

07.15 Start!

2021년 7월 5일부터 Front End 개발자 부트캠프 과정을 시작하였다.첫 날 부터 블로그를 작성하고자 했지만 솔직하게 내가 무엇을 배웠는지 머릿속에서 조차 정리가 되지 않아 글을 적는것에 손이가지 않았다. 앞으로는 조금이나마 배운 내용들과 내가 실수하거나 어려웠

2021년 7월 15일
·
0개의 댓글