Django ORM defer 기능
Django ORM의 `defer()`로 특정 컬럼을 제외한 조회와 저장 동작을 설명했습니다. 제외 필드 접근 시 지연 로딩 쿼리가 발생하는 점을 주의해야 합니다.
#Django#ORM#SQL
2200
모든 블로그
대표 인기 포스트[TokTokHan.dev]ES6 문법정리32 조회32 조회 백엔드 프론트엔드 백엔드 프론트엔드 기타 백엔드 기타 프론트엔드 프론트엔드 기타
똑똑한개발자
주요 카테고리 프론트엔드 · 백엔드
활동 요약
- 최근 30일
- 0개
- 평균 조회
- 24
- 누적 조회
- 244
- 전체 글
- 10개
- 마지막 발행
- 2021. 8. 26.
똑똑한개발자 기술 블로그 글 (10)
[TokTokHan.dev]ES6 문법정리
ES5와 비교하며 자주 쓰이는 ES6 문법의 간결한 표현 방식을 정리했습니다. 변수 선언, 화살표 함수, 비구조화 할당 등을 React 활용 사례와 함께 소개합니다.
#JavaScript#TypeScript#React
3200
Django ORM only 기능
Django ORM의 `only()`로 필요한 컬럼만 조회하고 저장 쿼리를 줄이는 방식을 살펴봤습니다. 미조회 필드 접근 시 lazy loading 추가 쿼리가 발생하므로 필드 선택에 주의해야 합니다.
#Django#ORM#lazy loading
1800
cypress를 이용하여 components test 작성하기
Cypress로 Next.js 컴포넌트 테스트 환경을 구성하고 Todo List 렌더링을 검증했습니다. 관심사 분리, fixtures, stub을 활용한 컴포넌트 리팩터링 과정을 소개합니다.
#Cypress#Next.js#React
2700
필이 짜르르 왔어. 다시는 이런 폰트 내게 없어
Adobe Fonts는 Creative Cloud 구독에 포함된 글꼴 라이브러리로 상업적 활용 범위를 제공합니다. 필요한 글꼴만 활성화해 Adobe 앱에서 사용하고, SVG 변환으로 Figma 활용도 시도했습니다.
#Adobe Fonts#Creative Cloud#Figma
2300
데이터베이스 관계
데이터베이스 관계의 형태·종류와 관계형 데이터베이스의 Relation 구조를 소개했습니다. RDBMS와 NoSQL의 데이터 구조, 확장성, 완전성, 트랜잭션 특성을 비교했습니다.
#DB#RDB#NoSQL
2600
이거도 모달, 저거도 모달, 이게 모람
팝업·모달·논모달의 동작 방식과 서비스 흐름상 차이를 정리했습니다. 상품 상세처럼 후속 탐색이 필요한 화면은 페이지 단위 구성이 적합함을 설명합니다.
#UI/UX#modal#popup
2500
Chart.js 시작하기
React에서 Chart.js와 react-chartjs-2로 선·막대 혼합 차트를 구성하는 방법을 소개했습니다. 데이터 형식과 범례·툴팁·축 옵션을 중심으로 커스텀 방법을 설명합니다.
#Chart.js#React#react-chartjs-2
1900
[TokTokHan.dev]Execution Context(실행 컨텍스트)
자바스크립트 실행 컨텍스트를 콜 스택, 환경 정보, 스코프 체인 관점에서 설명했습니다. 내부 변수 선언이 외부 변수를 가리는 변수 은닉화 사례를 함께 다뤘습니다.
#JavaScript#실행 컨텍스트#콜 스택
2500
신입 디자이너는 아무것도 몰라요
Figma Constraints와 Auto Layout으로 프레임 변화에 대응하는 카드 UI를 비교했습니다. 컴포넌트 내부는 Auto Layout, 페이지 배치는 Constraints 활용을 제안합니다.
#Figma#UI/UX#디자인 시스템
2700