똑똑한개발자
2021-08-26 · 거의 5년 전
Django ORM defer 기능
시작하기 전에 안녕하세요 똑똑한 개발자에서 백엔드 개발을 하고 있는 jujun입니다. django orm 은 디폴트로 해당 모델의 모든 컬럼을 불러옵니다. only 기능을 사용한다면 필요한 항목만 불러올 수 있게 됩니다. 이번 포스트에서는 only()와 반대(?)인 defer()기능은 명시된 컬럼을 빼고 모든 컬럼을 가져옵니다. 이는 불필요한 데이터를 불러오지 않게하여 컴퓨터 자원을 보다 효율적으로 사용할수 있습니다. 하지만 잘못 사용하면 la
BackendDatabaseDjangoPerformance
똑똑한개발자
2021-08-22 · 거의 5년 전
[TokTokHan.dev]ES6 문법정리
안녕하세요, 똑똑한개발자에서 프론트엔드 개발을 하고 있는 Luke 입니다. 👋 똑똑한개발자 똑똑한개발자 프론드엔드 팀은 es6를 기반으로 한 타입스크립트 언어를 활용하여 프로젝트를 진행하고 있습니다. 기존에는 ES5 문법으로 JavaScript 코드를 작성하였지만 이제는 최신 트렌드에 맞게 ES6 문법으로 코드를 작성하게 되고, es5와 비교했을때 여러 변경사항이 있습니다. 오늘 글에서는 ES6에서 새로 추가된 기능을 모두 설명하기보다는 코드
FrontendJavaScriptTypeScript
똑똑한개발자
2021-07-27 · 거의 5년 전
Django ORM only 기능
시작하기 전에 안녕하세요 똑똑한 개발자에서 백엔드 개발을 하고 있는 jujun입니다. django orm 은 디폴트로 해당 모델의 모든 컬럼을 불러옵니다. 하지만 only 기능을 사용한다면 필요한 항목만 불러올 수 있게 됩니다. 이는 불필요한 데이터를 불러오지 않게하여 컴퓨터 자원을 보다 효율적으로 사용할수 있습니다. 하지만 잘못 사용하면 lazy lading 에 의해 불필요한 쿼리를 발생시킵니다. 자세히 알아보겠습니다. . 본론 예제코드 아래
BackendDatabaseDjangoPerformance
똑똑한개발자
2021-07-25 · 거의 5년 전
cypress를 이용하여 components test 작성하기
Component Test를 작성하여 훨씬 더 간단하고 유지 관리하기 쉽고 다른 구성 요소와 함께 사용하고 재사용하기 쉬운 UI 구성 요소를 만들 수 있습니다. 이 과정에서 테스트를 작성하고, 테스트를 통과하는 코드를 작성하고, 작성한 코드를 리팩토링하는 과정을 반복하게 됩니다. 이번 글에서는 todo list 코드를 일부 작성해보겠습니다. 1. Setup Next.js 11.0.1을 사용하고 있습니다. npm install --save-dev
FrontendNext.jsReactTesting
똑똑한개발자
2021-07-23 · 거의 5년 전
필이 짜르르 왔어. 다시는 이런 폰트 내게 없어
한정된 상업적 사용가능 폰트 사이에서 갈팡질팡 하던 저는 2021년 7월 20일 신세계를 만났습니다. 나만 사용할수 없지…아는 분들은 다들 알아서 잘 활용하고 있었겠지만 모르고 있었을 분들을 위해 제가 만난 신세계를 공유해볼까 합니다! Adobe Fonts 다짜고짜 링크부터 투척…이 링크를 알리고자 이 글을 씁니다. 다들 제발 들어가주세요. 모두 어도비 정기결제해서 사용하고 계시겠죠?! Adobe Creative Cloud App 그럼 혹시 저
CultureToolsUX/UI
똑똑한개발자
2021-07-22 · 거의 5년 전
데이터베이스 관계
안녕하세요, 똑똑한개발자에서 백엔드 개발을 하고 있는 권창식입니다. 벌써 3번째 데이터베이스 이야기입니다.😃 오늘은 데이터베이스 관계의 개념에 대해 소개해드리고 자 합니다. 관계의 정의 관계는 개체와 개체 사이의 논리적인 연결을 의미합니다. 관계에는 개체 간의 관계와 속성 간의 관계가 있습니다. 관계의 형태 1:1(One To One) : 개체 집합 A의 각 원소가 개체 집합 B의 원소 한 개와 대응하는 관계입니다. 1:N(One To Man
BackendData EngineeringDatabase
똑똑한개발자
2021-07-21 · 거의 5년 전
이거도 모달, 저거도 모달, 이게 모람
“혹시 이 부분 모달말고 논모달로 처리해주실 수 있나요?” 어느날 이런 수정요청이 왔고 … 신입 디자이너는 구글링을 하기 시작했습니다. 부끄럽지만, 이 계기로 한 단계 더 발전하고 나아가고자 모달 관련 글을 남겨봅니다 :/ 모달(Modal) VS 팝업(Pop-up) “여기 이렇게 팝업 띄울까요?” “이 부분은 모달로 처리하면 될 것 같은데요” 모달 == 팝업 이라고 생각하고 아무렇게나 혼용하며 소통하곤 했던 나 ㅎㅎ..ㅋㅋ..! 팝업과 모달은
FrontendMobileUX/UI
똑똑한개발자
2021-07-20 · 거의 5년 전
Chart.js 시작하기
안녕하세요, 똑똑한개발자에서 프론트엔드 개발을 하고 있는 Anne입니다. 이번에 프로젝트를 하면서 차트를 그리기 위한 용도로 Chart.js를 사용하게 되었습니다. 워낙에 기능도 많고 괜히 복잡해보여서(구현하려는 기능에 따라 뒤에 복잡한 부분이 분명 있기도 합니다만…😌) 선뜻 시작하기가 어려웠습니다. 뭐든 시작이 제일 어려운 법인데, 이번 시간에는 저처럼 차트를 ‘구현해야만’ 하는 상황에서 Chart.js를 “덜 어렵게” 시작할 수 있도록 C
FrontendJavaScriptTools
똑똑한개발자
2021-07-15 · 거의 5년 전
[TokTokHan.dev]Execution Context(실행 컨텍스트)
안녕하세요, 똑똑한개발자에서 프론트엔드 개발을 하고 있습니다.👋 똑똑한개발자 똑똑한개발자 프론드엔드 팀은 매주 월요일 오후에 javascript 기초에 대한 스터디를 진행하고 있습니다. 자바스크립트의 핵심적인 기본개념과 동작원리에 대해 스터디 구성원 한 사람이 파트 1개씩을 맡아 간단하게 발표하고 그에 대한 의견들을 공유하고 나누는 형태로 진행합니다. 첫 시간에는 자바스크립트의 ‘데이터’와 ‘불변성’에 대해 간략하게 알아보는 시간을 가졌고 이
FrontendJavaScriptPerformanceTesting
똑똑한개발자
2021-06-30 · 약 5년 전
신입 디자이너는 아무것도 몰라요
안녕하세요. 똑똑한개발자의 1개월 차 신입 디자이너 찬호입니다. 먼저, 저는 개발과 관련된 전공으로 대학교를 졸업했습니다. 디자인 전공이 아니기에 독학으로 UI/UX 디자인을 공부했고, XD, Figma 등 여러가지 툴을 되는대로 무작정 만져보면서 취업을 준비했던 것 같습니다. 그래서 그런걸까요. 제가 1년 넘게 독학하며 배운 것보다 똑똑한개발자에서 한 달간 배운게 더 많은 것 같은데… 그 중 피그마에서의 ‘컨스트레인트’와 ‘오토 레이아웃’에
MobileToolsUX/UI