일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 | 31 |
- 회고록
- github
- 개발자
- 오블완
- SWR
- 프레임 워크
- Git
- javascript
- zustand
- Fe
- typescript
- js
- next.js
- monorepo
- svelte
- 티스토리챌린지
- 비제어
- Pr
- barrel export
- 개발
- tailwind css
- react
- frontend
- Study
- JWT
- form
- 협업
- turporepo
- route handler
- CSS
- Today
- Total
목록2025/05 (5)
ougi FE

오늘은 평소에도 알아보고 싶었던 ts.config.json 파일 세팅에 대해서 깊게 파보겠습니다tsconfig.json 파일이란?tsconfig 파일은 프로젝트 컴파일하는 데 필요한 루트 파일과 컴파일러 옵션을 지정해놓은 파일이라고 합니다디렉토리에 tsconfig.json 파일이 있다면 해당 디렉토리가 TypeScript 프로젝트의 루트가 됩니다javaScript 프로젝트에서는 jsconfig 파일과 거의 동일합니다전역 속성대표적인 전역 속성 몇가지만 알려드리겠습니다include: 컴파일 대상 경로 (예시: "include": ["src/**/*"])exclude: 제외할 파일 폴더 (예시: "exclude": ["node_modules", "dist"])extends: 중복되는 설정을 분리해서 재사용 ..

오늘은 제가 최근에 적용해 본 GA에 대해서 글을 써보았습니다GA란?웹사이트 및 앱 방문자 데이터를 수집하고 분석하는 도구입니다구글에서 무료로 제공하며 마케팅이나 서비스 개선을 위해 방문자의 행동, 트래픽, 사용자 특성 등을 파악할 수 있게 도와줍니다GA의 기능트래픽 분석사용자 행동 분석실시간 데이터사용하기밑에 주소로 들어가서 이용하실 수 있습니다들어가셔서 측정 시작을 눌러주세요!https://analytics.google.com/analytics/web/?pli=1&authuser=2#/provision 계정 이름을 입력하고 체크 박스에 체크를 다 하고 다음을 눌러주세요속성 이름과 시간대 통화를 알맞게 설정해주세요업종 카테고리를 알맞게 설정하고 비즈니스 규모도 체크합니다비즈니스 목표를 선택하고 원하는 ..

오늘은 취업 동아리에서 후배가 질문하는 것을 우연히 들었는데 이 부분은 왜 스타일이 적용되지 않는 걸까요?라는 질문을 하는 것을 보고 더 자세한 이유가 궁금해져 Cascading에 대해서 이렇게 글을 쓰게 되었습니다Cascading이란?CSS의 약자는 Cascading Style Sheets입니다오늘은 제일 앞에 있는 Cascading에 대해서 알아보려 하는데 뜻은 스타일 규칙이 계단식으로 적용되는 방식을 말합니다 일반적으로 여러 개의스타일이 한 html 요소에 적용될 수 있는데, 이 때 어떤 스타일을 우선으로 할지 결정해야 합니다이게 바로 Cascading에 개념인데 규칙이 구체적일수록 우선순위가 높아진다고 합니다Origin, Context먼저 origin에 대해서 알아볼 것인데 출처라는 뜻으로 이 ..

오늘은 제가 최근에 공유 기능을 구현해보면서 알게 된 web share api에 대해서 알아보려 합니다 web share api란?web share api는 사용자가 선택한 공유 대상에 텍스트, 링크, 파일 및 기타 콘텐츠를 공유할 수 있는 기능을 제공합니다공유 대상으로는 시스템 클립보드 , 이메일, 연락처 또는 메시지, SNS 어플리케이션, bluetooth 등이 있습니다기본적으로 제공하는 내장 기능이기 때문에 라이브러리를 따로 설치할 필요도 없고 사용법도 간단한게 큰 장점인거 같습니다 이 API는 두가지 메서드를 제공합니다navigator.share(): 공유 메커니즘을 호출하고 지정된 데이터를 전달합니다 이 메서드는 임시 활성화가 필요해서 반드시 버튼 클릭과 같은 이벤트에서 트리거 되어야 한다고 합..

오늘은 최근에 적용해본 next.js에서 제공하는 route handler라는 기능에 대해서 글을 써보려고 합니다!! route handler란?next.js에서 제공하는 기능 중 하나로 특정 경로에 대한 사용자 정의 요청 처리기(custom request handler)를 생성할 수 있습니다요청과 응답 api를 사용하여 이를 구현하고 app 폴더 안에서만 사용 가능합니다왜 필요할까?요청에 따른 로직처리: 요청에 따른 로직처리를 더욱 더 편리하고 깔끔하게 가능합니다메서드: get, post, put, delete 메서드에 따라서 다른 처리를 하도록 구조화할 수 있습니다캐싱: 캐싱을 이용해서 네트워크 요청의 부하를 줄이고 속도를 개선할 수 있습니다보안 강화: 입력 검증, 인증과 같은 보안 관련 처리를 라우..