일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- 세로메뉴바
- 타입스크립트
- 렛츠기릿자바스크립트
- 리액트
- Supabase
- 웹디자인기능사실기
- git
- 비전공자
- 생활코딩
- HTML
- 깃
- web
- react
- JS
- 웹디실기
- JavaScript
- 코딩독학
- 웹퍼블리셔
- 코드공유
- 슬라이드전환
- 프론트엔드
- jQuery
- 자바스크립트
- 정보처리기사
- 웹디자인기능사
- 연산자
- 실기
- github
- CSS
- PROJECT
- Today
- Total
목록프론트엔드 (2)
코딩하는라민
[Frontend] 스웨거(swagger) API 사용하는 방법 (feat. 리액트) 프론트엔드 개발자로써 첫 회사에 들어가자마자 스웨거 API 링크를 받았다. 멋사에서 프로젝트할 때 서버리스로 Firebase 만 써본 입장에서 스웨거 API 는 너무 새로웠다. method 종류별로 색이 달랐고, url 과 Parameters, Pesponses, Responses 등등 낯설어서 익숙해지는 데 며칠이 걸렸던 기억이 있다. 지금은 시행착오를 거치면서 아주 잘 사용하고 있고, 이렇게 편한 도구가 있을까 싶을 정도이다. 🙂 스웨거(swagger)란? REST API를 설계, 빌드, 문서화 하는 것을 도와주는 오픈 소스 소프트웨어 프레임워크이다. API 를 문서화해서 사용하기 쉽게 만들며, 따로 API 문서 작..
[책 리뷰] 프론트엔드 성능 최적화 가이드 예전에 리액트 프로젝트를 하면서 성능 문제를 겪은 적이 있습니다. development 모드라 빌드 전이기는 했지만, 성능이 너무 낮게 나왔었습니다. 성능을 보고 모든 팀원들이 충격에 먹었었는데, 지금 생각해보니 코드를 남발하기만 하고 최적화 작업을 해주지 않았었습니다. 처음에 어떻게 하면 프로젝트의 성능을 끌어 올릴 수 있는지 몰라 막막했는데, 이 책을 읽고 나서 앞으로는 기능 구현만 신경쓸 것이 아니라는 것을 깨닫게 되었습니다. Lighthouse 분석 이 책은 제목 그대로 웹사이트의 성능을 리액트를 기준으로 최적화해주는 가이드북입니다. 이전에는 Lighthouse 의 전체적인 성능 수치만 확인했을 뿐 그 안의 요소 하나하나에 대한 분석은 하지 않았습니다. ..