firebase database - 더미 데이터 연결하기

백엔드 API를 기다리며 가상 API 코드를 작성해놓기 위해서 firebase database를 사용해보기로 했다. 프로젝트를 추가하고, Realtime Database를 사용하면 됨 30일 안에 사용을 끝낼 것이었기 때문에 테스트 모드로 설정했다. 기간이 끝날 때쯤 되면 메일이 계속 온다. 그때 아예 데이터베이스를 삭제했다. 별 내용도 없긴 하지만.. request를 보낼 수 있는 API url이 생성된다. (파이어베이스 서버 내부에서 request들이 parse됨) 이후로 그 주소를 복사해서 API 요청을 보낸다. 직접 JSON 파일을 작성해서 업로드해두면 GET도 잘 되고, 형식을 맞춰 주면 POST도 물론 가능하다!

• format_list_bulleted Hello, World!
• · 2022. 11. 10.
• textsms

[React-TypeScript] .env 변수 타입 설정하기

.env 파일로 값을 불러와 함수에 사용하려고 했더니 타입 오류가 났다 타입이 string | undefined로 되어 있기 때문이라고 하는데, 해결하려면 전역 타입을 지정해주면 된다. CRA로 앱을 생성했다면 react-app-env.d.ts 파일이 있다. (없다면 만들면 될듯) 여기에 내용을 추가해주면 된다. 맨 윗줄은 원래 써 있는 내용이고, 아래에 각 변수의 타입을 지정해주면 된다.

• format_list_bulleted TIL/FrontEnd
• · 2022. 11. 9.
• textsms

[BOJ] 10989 수 정렬하기 3 (python)

백준 10989: 수 정렬하기 3 (파이썬) 10989번: 수 정렬하기 3 첫째 줄에 수의 개수 N(1 ≤ N ≤ 10,000,000)이 주어진다. 둘째 줄부터 N개의 줄에는 수가 주어진다. 이 수는 10,000보다 작거나 같은 자연수이다. www.acmicpc.net # [BOJ] 10989. 수 정렬하기 3 import sys N = int(sys.stdin.readline()) C = [0] * 10001 for i in range(N): C[int(sys.stdin.readline())] += 1 for i in range(len(C)): if C[i] != 0: for _ in range(C[i]): print(i) 메모리초과 싫다

• format_list_bulleted Algorithm/BOJ
• · 2022. 10. 3.
• textsms

[BOJ] 11652 카드 (python)

백준 11652: 카드 (파이썬) 11652번: 카드 준규는 숫자 카드 N장을 가지고 있다. 숫자 카드에는 정수가 하나 적혀있는데, 적혀있는 수는 -262보다 크거나 같고, 262보다 작거나 같다. 준규가 가지고 있는 카드가 주어졌을 때, 가장 많이 가지 www.acmicpc.net # [BOJ] 11652. 카드 N = int(input()) D = {} L = [] for i in range(N): n = int(input()) if n in D: D[n] += 1 else: D[n] = 1 v = max(D.values()) for d in D: if D[d] == v: L.append(d) print(min(L)) 정렬 문제 정렬 안 쓰고 풀기

• format_list_bulleted Algorithm/BOJ
• · 2022. 10. 1.
• textsms

[React] 헤더에 뒤로가기 버튼 만들기

[React] 뒤로가기 버튼 만들기 (useNavigate) 리액트로 프로젝트를 진행하던 중 홈버튼은 만들어두었지만 뒤로가기 버튼이 없는 게 불편해서 만들어보기로 했다. button tag가 아닌 문구와 사진을 이용해서 만들고 싶었기 때문에 div 태그를 사용하던 중 발생하던 에러 해결 로그 react-router-dom 라이브러리를 사용해서 진행한다. version 5까지는 useHistory를 사용했지만, react-router-dom v6부터는 useNavigate를 사용하여 진행한다! 1. import useNavigate 먼저, react-router-dom의 useNavigate를 import 해준다. 2. useNavigate 함수 호출 function component 안에 useNavig..

• format_list_bulleted TIL/FrontEnd
• · 2022. 9. 20.
• textsms

[SSAFY에서 살아남기] 코딩 꿈나무, 이렇게 공부했어요!

[SSAFY에서 살아남기] 코딩 꿈나무, 이렇게 공부했어요! 비전공자 싸피인의 공부법 요모조모 안녕하세요, 싸피셜 7기 신선영입니다! ​ 비전공자 문과생으로 싸피에 들어오고 나서 벌써 1학기의 절반이 지나갔는데요! 어려워보이기만 하는 개발자의 길을 따라가기 위해 고군분투 중인 저의 공부방법을 소개해드립니다! Method 01. 공식 문서 참고하기 ​ 개발자라면 명세서를 읽고 잘 구현해내는 것이 중요하다! 라고 저희 반 교수님께서 늘 강조하시는데요 그러기 위해 공식 문서에서 방법을 찾는 걸 연습해보려고 하고 있지만 역시 아직은 쉽지 않네요.. 😥 프로그램을 다룰 때, 필요한 기능을 구현하는 방법은 공식 문서에서 찾을 수 있어요! 구글링으로 다른 사람의 설명을 따라할 수도 있지만, 공식 문서를 읽고 스스로 ..

• format_list_bulleted SSAFY/SSAFYcial
• · 2022. 9. 18.
• textsms