일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
- transition
- tailwindCSS
- ?? #null병합연산자
- Carousel
- 서초구보건소 #무료CPR교육
- parent padding
- es6
- 제어컴포넌트
- 조건부스타일
- debouncing
- vite
- BFC
- 리액트
- 부모패딩
- BlockFormattingContext
- accordian
- createPortal
- ㅡ
- ignore padding
- CustomHook
- QueryClient
- react
- useQueryClient
- alias설정
- 화살표2개
- 부모요소의 패딩 무시
- 함수형프로그래밍
- 문제해결
- twoarrow
- DOM
- Today
- Total
목록2024/09 (2)
프론트엔드 첫걸음
[문제상황]Google API key가 깃허브에 노출되었다고 메일이 왔다.API 코드를 git에 그대로 노출시키는 실수를 했다.git에 코드를 push하자마자 경고 메일이 날라왔다.깃헙 어느주소 어느경로의 firebase.config.js파일 안에 키가 그대로 노출되어 있다고....We have detected a publicly accessible Google API key associated with the following Google Cloud Platform project:Project [프로젝트명] (id: [프로젝트 아이디]) with API key [API키]The key was found at the following URL: https://github.com/깃헙주소/client/src..
1. 단일 인스턴스 패턴 (Singleton Pattern)설명: 애플리케이션에서 특정 객체가 단일 인스턴스만 존재하도록 보장하는 패턴입니다. 예를 들어, 데이터베이스 연결 객체, 웹소켓 연결 객체 등이 여기에 해당합니다.예시class Singleton { constructor() { if (!Singleton.instance) { Singleton.instance = this; } return Singleton.instance; } // Other methods here...}const instance = new Singleton();Object.freeze(instance); // 객체를 수정할 수 없게 만듦export default instance;활용: 데이터베이스 ..