전체 글 51

[TIL] HTML, Firebase 연동하기

오늘은 Firebase와 Html을 연결하여 Join하고싶은 사람의 정보를 넣으면 Firebase데이터베이스에 저장을 하는 기능을 구현했다. 가장 먼저 해야할 일은 바로 Firebase에 들어가서 프로젝트 생성하기이다.프로젝트를 만들고 설정을 조금 만져주면 된다.이러한 화면의 데이터베이스를 구경할 수 있다. 그렇다면 Html에서 Firebase를 사용하려면 어떻게 해야할까? 먼저 script태그의 속성으로 type="module"를 추가해준다    -> ex) Firebased SDK를 불러오는데 module을 추가하지 않고도 할 수 있지만 이를 추가해주면 훨씬 가볍고 효율적이라고 한다. import { initializeApp } from "https://www.gstatic.com/firebasejs..

카테고리 없음 2024.10.02

[TIL] HTML, Session Storage

내일배움캠프 Spring_7기 본캠프 일정이 시작되었다.어제 TIL쓰는걸 깜빡해서 오늘은 미리쓰려고 하고있다. 1주차 미니 프로젝트로 웹의 기초를 배워 팀원들을 소개하는 사이트를 만드는 중이다. 화면 구성시 필요한 화면   :  Home,  Member,  Join,  News  이렇게 총 4개의 화면 + 멤버의 상세화면을 띄우기로 했다. 내가 맡은 역할은 팀원을 추가하는 부분이다 Join을 눌렀을 경우 Member의 화면에 팀원의 정보를 나타내는 카드가 추가될 수 있도록 하는 역할이다. 4주차 영상인 Firebase를 보지않은 상태로 해당 기능을 만들려고 하다보니 데이터를 저장하지 않고 당장 입력받은 데이터를 가지고 카드를 만드는 방법을 찾아보았다. SessionStorage라는 것을 발견하였고 이를 ..

카테고리 없음 2024.10.01

[TIL] MySQL 문자열 함수

1. Replace(문자열, 타겟, replace)  :  문자열 중에 타겟에 해당하는 부분을 replace로 바꾼다SELECT REPLACE( 'Hello World' , 'World' , 'MySQL' );   -> World가 변형되어 Hello MySQL을 출력하게 됨  2.  LIKE : 문자열 패턴을 검색하는 연산자로 특정패턴을 만족하는 데이터를 조회할 때 사용한다.더보기SELECT 컬럼명 FROM 테이블명 WHERE 컬럼명 LIKE '패턴';  -> 컬럼명이 패턴인 것을 찾 %와 _ 를 추가적으로 사용하여 활용할 수도 있다. % : 0개 이상의 문자를 대체할 수 있는 와일드 카드 _ : 정확히 1개의 문자를 대체할 수 있는 와일드 카드 ex > SELECT * FROM users WHERE ..

SQL 2024.09.06