1712번: 손익분기점 월드전자는 노트북을 제조하고 판매하는 회사이다. 노트북 판매 대수에 상관없이 매년 임대료, 재산세, 보험료, 급여 등 A만원의 고정 비용이 들며, 한 대의 노트북을 생산하는 데에는 재료비와 www.acmicpc.net 첫 제출 코드 input = input() input_split = input.split(" ") fixed_price = int(input_split[0]) addi_price = int(input_split[1]) sale_price = int(input_split[2]) if addi_price >= sale_price: print(-1) else: print(fixed_price // (sale_price - addi_price) + 1) 리팩토링 코드 (가독..

표(Table)을 만들 때 사용하는 코드 (1편) 코드 반 주석 반 첫 번째 포스팅은 여러군데에서 써먹을 수 있을만한 테이블 컴포넌트이다. 시작에 앞서, 포스팅에 사용되는 기술스택은 다음과 같다. react typescript styled-component 만들어야 하는 nookpi.tistory.com 저번 포스팅에선 리턴해야 하는 결과물과 요건, 그리고 실제 구현을 위해 사용된 jsx 코드에 대해 살펴보았다. 이번 시간에는 TableTitle 컴포넌트와 Table컴포넌트를 살펴보자. TableTitle 컴포넌트 코드는 다음과 같다. // * WithChildren 인터페이스는 컴포넌트가 받을 수 있는 자식 요소에 대한 정보를 정의합니다. interface WithChildren { //* 자식 요소는..

구글 광고에 자주 뜨던 tabnine 을 설치해봤다. 흔한 자동완성 플러그인이라고 생각했는데, 링크를 타고 들어가자 예전부터 관심있게 보던 GTP-2 기반 자동완성 플러그인이라는 소개글을 보고 깜짝 놀라서 설치하게 되었다. Code Faster with AI Code Completions Tabnine is an AI code completion tool that works on any IDE and supports all programming languages. www.tabnine.com GTP-2에 대한 소개글은 아래에서... GPT-2 - Wikipedia From Wikipedia, the free encyclopedia Jump to navigation Jump to search Artific..

코드 반 주석 반 첫 번째 포스팅은 여러군데에서 써먹을 수 있을만한 테이블 컴포넌트이다. 시작에 앞서, 포스팅에 사용되는 기술스택은 다음과 같다. react typescript styled-component 만들어야 하는 결과물은 다음과 같다. 고려해야 할 조건은 아래의 10개 정도로, 꽤 많다. 표의 각 셀은 제목과 내용으로 이루어져 있음 제목과 내용은 기본적으로 텍스트(string)가 온다고 가정하지만, 경우에 따라 어떤 요소든 받을 수 있어야 함 한 행에는 1개 혹은 2개의 셀이 올 수 있음 행의 높이는 가장 내용이 많은 셀 기준으로 맞춰짐 (수직정렬은 가운데) 행에 셀이 1개 인지 2개 인지에 따라 셀의 크기가 달라짐 (전체 너비의 100% / 50%) 표의 너비는 컨테이너의 너비에 따라 반응형으..

작성한 코드를 한 줄 한 줄 주석을 달면서 스스로 리뷰하는 포스팅을 해보려 합니다. 항상 느끼지만, 다른 사람의 코드를 읽을 때 한 줄 한 줄 해석하고 읽다보면 결국 읽히지 않는 코드는 없다고 생각합니다. 저질의 포스팅을 남발하며 느끼는 죄책감을, 주석을 달아 다른 사람에게도 쉽게 읽히는 코드를 포스팅 함으로써 조금이나마 덜어보고자 합니다. 피드백은 언제든 환영합니다. 사족으로, 짭플린이 1.4버전으로 업데이트 되었습니다. zzaplin도 많은 이용 부탁드립니다. Ryan's ZZaplin Layout visualizer like a Zeplin chrome.google.com

이미지 최적화와 웹 사이트 속도는 떼려야 뗄 수 없는 관계이다. 이미지의 용량을 압축과 최적화를 통해 줄일 만큼 줄였다면, 이제 페이지 로딩 시간을 향상하기 위한 지연 로딩(Lazy Loading)을 적용해보자. 지연 로딩이 적용된 이미지는, 사용자의 눈에 충분히 노출되기 전에는 데이터 요청이 일어나지 않게 할 수 있다. 그러므로 이를 통해 페이지의 초기 로딩 속도를 비약적으로 향상시킬 수 있다. React와 TypeScript를 사용한 이미지 컴포넌트 코드는 다음과 같다. Image.tsx import React, { useEffect, useRef, useState } from "react"; //* polyfill 2개. 아래에 설명있음*// import "intersection-observer";..