Docz로 컴포넌트 문서화를 쉽게 해보자
float_letter
이보다 더 쉬울 수 없는 문서생성 라이브러리! 컴포넌트 문서화툴에 관해 관심을 가졌기 때문에 storybook을 써보려다가 typescript설정과 함께 쓰려면 여러가지 플러그인을 덕지덕지 붙이고 깔끔하지도 않기에 포기했었다. 최근 github trend들을 하나씩 둘러보던중에 맘에 쏙드는 라이브러리를 하나 발견했기에 포스팅하기로 했다. Do...
함수 리팩토링, 추상화 예제 -2
essri

함수 리팩토링, 추상화 예제 -2

약 16시간 전0개의 댓글
클린코더스 - 백명석님 강의를 보고 작성한 글입니다. Source Code --- test5.gif test6.gif - 함수의 파라미터에 문 두개로 나누어져있는 코드를 하나로 병합해줍니다. --- - 이렇게 코드를 리팩토링을 연습해보았는데, 저번 포스트에서 나온 것처럼 함수추출을 진행해도 추상화단계에 변화가 없을 때까지 추출을 진행해야 한다는 것...
Spring MyBatis와 JPA
junwoo4690

Spring MyBatis와 JPA

약 18시간 전1개의 댓글
현재 인턴을 진행하고 있는 곳에서 스프링과 MyBatis를 처음으로 경험해보았습니다. 이전까지는 학교 수업중에 실습으로 JDBC를 사용하여 데이터베이스를 의 사용에 대한 외국 친구들의 생각은
honeysuckle

HTTP 프락시(Proxy)의 개념

약 20시간 전0개의 댓글
프락시는 클라이언트와 서버 사이에 위치하여 HTTP 메세지의 중개인 역할을 한다. 주제 요약 * HTTP 프락시와 웹 게이트웨이의 비교를 통해 HTTP 프락시가 어떻게 배치되는가 * 몇가지 유용한 활용방법 * 프락시가 실제 네트워크에 어떻게 배치되어 있는지, 트래픽이 어떻게 프락시 서버로 가게 되는가 * 브라우저에서 프락시 사용을 위한 설정 방...
함수 리팩토링, 추상화 예제 -1
essri

함수 리팩토링, 추상화 예제 -1

약 21시간 전0개의 댓글
클린코더스 - 백명석님 강의를 보고 작성한 글입니다. Source Code --- - 처음 소스파일은 클래스 하나에 메소드 하나의 구조로 되어있었습니다. initailize_builder.PNG - 처음 상태에 를 진행한다. --- - velog - Blog ---...
[TOY 1] - 라이엇 API를 사용해서 롤 전적 사이트를 만들어보자
marcus
안녕하세요 스타트업에서 프론트엔드 개발자로 일하고있는 Marcus입니다. 매번 퇴근하고 토이 프로젝트를 진행중에있는데 이번에 진행하려는 토이프로젝트는 라이엇에서 제공하는 API를 활용해서 OP.GG와 같은 사이트를 만들어보려고 합니다. UI는 각종 게임 전적 사이트로 유명한 OP.GG를 클론 코딩할 계획입니다. 먼저 RIOT API를 사용하려면 롤에 ...
JavaScript 엔진 톺아보기 (2)
godori
이 포스트의 내용은 구글의 V8엔진 엔지니어인 Benedikt Meurer와 Mathias Bynens 의 JavaScript Engines: The Good Parts 세션을 기반으로 작성하였습니다. 지난 포스트에서는 JS엔진의 종류와 최적화 컴파일러에 대하여 알아보았습니다. 이번 포스트에서는 객체와 배열의 속성에 접근하는 속도를 빠르게 하기 위해...
🚀 Pipenv 로 파이썬 가상환경 설정
doondoony
Pipenv Tutorial
sjquant
지난글에 이은 세번째 글입니다. 지난 글에서 파이썬에서 비동기를 구현하는 법에 대해 알아봤습니다. 이번 글에서는 어떻게 비동기를 활용할 수 있을지에 대해 알아봅시다. --- 비동기를 사용하면 네트워크 IO의 지연 때문에 낭비되는 시간을 줄일 수 있습니다. 온라인 사전사이트에서 단어들의 의미를 크롤링하는 코드를 작성한다고 가정해봅시다. 동기적인 방식을 ...
ikhoon
Kubenetes 설치 Minikube 로컬환경에서 kubenetes를 실행할수 있게 해주는 도구 Running Kubernetes Locally via Minikube - Kubernetes Mac local installation Minikube를 설치하려면 virtualbox가 필요함 kubernetes...
React의 새로운 패러다임, React Hooks
vies00
React Hooks이 생긴 배경과 Basic Hook인 useState, useEffect에 대해서 알아보고, custom hook에 관해 살펴봅니다.
기초 개발상식 및 개념들 - 2 (상속과 재사용)
essri
1. 상속과 재사용 1.1 상속을 통한 재사용 단점 - 상위클래스의 변경이 어렵다. > 상위클래스를 변경하게되면 그에 해당하는 하위클래스 모두에게 영향을 줄 수 있다. 상위클래스 입장에서 앞으로 어떤 하위클래스가 생길지 모르기 때문에 쉽게 변경하기 어렵다. - 클래스가 증가할 수 있다. - 상속 오용 클래스에서만 사용되어야하기 때문에 상속하지않...
Server Side Rendering 레시피 3가지
leejh3224
서버 사이드 렌더링을 직접 구성하는 일은 너무 까다습니다. 특히 최근에 웹팩이 버전 4로 업그레이드 되면서 설정 관련해서 많은 부분이 바뀌어서 참조할만한 코드도 줄어들었습니다. 그래도 얼마간의 삽질(?) 끝에 웹팩 4 및 여러가지 스택과 함께 사용할 수 있는 보일러
검색바는 왜 사이드바에 넣은 건가요?
daldadi
이렇게 메인헤드 부분에 딱 있으면 좋을 것 같은데...
기초 개발상식 및 개념들 - 1
essri
1. OOP (객체지향프로그래밍) - 만 호출 --- 3. 다형성 - 한 객체가 여러타입을 갖는 것 - 즉 한 객체가 여러타입의 기능을 제공 - 타입상속으로 다형성을 구현 --- 4. 추상화 - 데이터나 프로세스 등을 의미가 비슷한 개념이나 의미있는 표현으로 정의하는 과정 - 아직 존재하지않는 기능에 대한 이른 추상화는 주...
함수호출과 자바스크립트의 this정체
rohkorea86
해당 이미지 출처 : http://edayan.info/javascript/this-keyword-in-javascript [글을 쓰게 된 계기] 이 글은 함수 호출방식에 따른 this값 리스트(정리)가 아닌,this 키워드 자체에 집중한 글이다.this(객체)를 이야기하려면 함수호출식을 말하게 되고, 실행 컨텍스트와 OOP를 다루게 된다.이를 통...
Dan Abramov - 변화에 최적화 되어있다
honeysuckle
훌륭한 API란 무엇이라고 생각하십니까 훌륭한 API 설계는 명확하고 기억하기 쉬워야 합니다. 읽기 쉽고, 올바르면서, 효율적인 그리고 사용하는 개발자에게 친화적이어야 합니다. 나는 이러한 것들이 API를 사용하는 라이브러리 개발자들의 최우선 요구 사항이라고 생각한다. 나는 API 설계 측면에서 이걸 "first order"라고 부른다. 코드 중 일정 ...
rejoelve
계기 테스트 코드를 작성하다 버그를 발견했습니다. Object.preventExtensions()의 리턴값은 paramater로 전달된 객체의 레퍼런스 값이기 때문에 이런식으로 '얕은 복사'를 하면서 프로퍼티 추가를 '금지'할 수 있습니다. 결론 본인을 믿기보다는 실수했을 때 가차없이 뺨따구를 걷어올려줄 감시자를 쓰는 것이 바...
saecomaster

aws cli 계정

7일 전0개의 댓글
환경 변수는 구성 파일과 자격 증명 파일을 재정의하며 스크립팅을 수행하거나 명명된 프로필을 임시로 기본값으로 설정할 때 유용할 수 있습니다. AWS CLI는 다음과 같은 환경 변수를 지원합니다. * AWSACCESSKEYID - AWS 액세스 키. * AWSSECRETACCESSKEY - AWS 보안 키. 액세스 및 보안 키 변수는 자격 증명 파일과 con...
saecomaster
1.python 프로젝트하나판다. 2.npm init -y 3.npm install serverless 4.npx serverless create --template aws-python3 $ serverless create --template aws-python3 --name using-ses