일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- golang
- Live Template
- 클래스 관계
- gitops
- 디자인패턴
- Logrus
- go
- 컴포짓패턴
- Lambda@Edge
- Bastion Server
- AWS
- argocd
- AWS Infra
- goroutine
- GoF
- Infra
- 알림 시스템
- Helm V3
- 컴포지트패턴
- image resizing
- Kubernetes
- notification system
- 시스템 설계
- Buffered channel
- Golines
- 대규모 시스템 설계
- System Design
- GoF 디자인패턴
- tenneling
- UnBuffered channel
- Today
- Total
목록프로그래밍언어 (92)
Fall in IT.
문제 자바스크립트의 Number객체의 내장 함수인 toString() 함수와 전역 함수인 parseInt() 함수를 사용하면, 진수변환을 간단하게 처리할 수 있습니다. 사용 방법 /** * 진수 변환 * * 10진수를 진수 변환할때는 Number객체의 내장 함수인 toString()을 사용한다. * 10진수 외의 다른 진수를 10진수로 변환할때는 전역 함수인 parseInt()을 사용한다. */ // 1. 10진수 -> 2진수 let 십진수 = 125; console.log(`1. 10진수(${십진수}) -> 2진수(${십진수.toString(2)})`); // 1111101 // 2. 10진수 -> 8진수 console.log(`2. 10진수(${십진수}) -> 8진수(${십진수.toString(8)}..
안녕하세요. 오늘은 자바스크립트의 배열에서 중복값을 제거하는 다양한 방법에 대해서 알아보도록 하겠습니다. 코드 /** * 배열의 중복값을 제거하는 다양한 방법 * 1. `Set` * 2. `Filter` * 3. `Reduce` * * @param arr */ function solution(arr) { // # 1. Set let set = new Set([...arr]); //expected output: [1, 3, 5, 2, 4] console.log([...set]); // # 2. Filter let ret = arr.filter((item, index) => arr.indexOf(item) === index); //expected output: [1, 3, 5, 2, 4] console.lo..
안녕하세요. ORM을 사용하게 되면 raw query를 전혀 사용하지 않을 수 있지만, 간혹 사용해야 하는 상황이 발생하기도 합니다. 오늘은 Nodejs의 ORM인 Sequelize에서 raw query 사용하는 방법에 대해서 알아보도록 하겠습니다. Dynamic SQL을 사용한 나쁜 예 let query = ` SELECT * FROM user LEFT JOIN team ON user.team_id = team.id WHERE user.id = ${userId} `; let user: User = await sequelize.query( query, { replacements: {personId: person.id}, type: Sequelize.QueryTypes.SELECT, raw: true })..
최근 웹개발을 할때는 Angular, React, Vue 이 세 가지 프레임워크를 많이 이용합니다. 때로는, Typescript도 함께 사용하기도 하는데요, 이때 인터넷 익스플로러(IE)에서는 웹사이트가 동작하지 않는 경우가 종종 발생합니다. 에러를 확인해보면 Symbol is undefined 또는 Symbol이 정의되지 않았습니다. 라고 나오게 됩니다. 해당 문제는 babel-polyfill을 추가하면 해결할 수 있습니다. 해결방법 babel-polyfill 설치 $ npm install babel-polyfill 웹사이트의 엔트리 파일 위치에 babel-polyfill을 추가 (index.js 또는 index.ts 등) import 'babel-polyfill' 참조 https://www.npmjs..
safari에서 new Date() 사용할때 주의할점 Date 객체는 자바스크립트에서 많이 사용되는데요, 주의해야할 사항이 있습니다. String 타입의 날짜를("2019-03-15") Date 객체에 담아서 사용할때, 크롬과 사파리가 다르게 동작합니다. "yyyy-mm-dd"의 형태로 입력받을 경우 Safari와 Chrome 모두 정상동작하지만, "yyyy-m-dd"의 형태로 입력받을 경우 Safari에서는 error, Chrome에서는 정상동작하게 됩니다. let date = new Date("2019-03-15"); let date = new Date("2019-3-15"); // safari error!
HTML의 select 태그 사용시 기본값을 설정하는 방법 예제 ``` 선택해주세요. 아빠 엄마 ``` 참조 https://stackoverflow.com/questions/3518002/how-can-i-set-the-default-value-for-an-html-select-element How can I set the default value for an ..
box-sizing 이란? 박스의 크기를 어떤 것을 기준으로 계산할지를 정하는 속성 box-sizing 속성을 사용하면 엘리먼트의 패딩과 테두리가 너비에 영향을 주지 않습니다. 이렇게 하면 모든 엘리먼트가 직관적인 방식으로 크기가 설정되기 때문에 아에 전역 설정으로 사용하곤 합니다. * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } box-sizing 설정 값 box-sizing: content-box | border-box | initial | inherit content-box border와 padding을 제외하고 content 영역을 기준으로 박스 사이즈가 결정된다. border-box..
안녕하세요. 오늘은 Typescript로 싱글톤 패턴에 대해서 알아보도록 하겠습니다. 싱글톤 패턴이란? 특정 클래스의 인스턴스가 단 하나만 존재해야 하는 경우가 있다. 이때 싱글톤 패턴을 사용합니다. 예제 소스 class Singleton { private static _default: Singleton; public static get default(): Singleton { if (!Signleton._default) { Signleton._default = new Signleton(); } return Signleton._default; } } 이러한 접근 방식의 또 다른 이점은 초기화 지연이다. 따라서 객체는 처음 액세스할 때 초기화 됩니다. 모두 즐거운 코딩하세요~
안녕하세요. 오늘은 CSS에서 background-repeat 속성에 대해서 간단히 알아보도록 하겠습니다. background-repeat이란?background-repeat으로 배경 이미지의 반복 여부 또는 반복 방향을 정할 수 있습니다.특정 패턴의 이미지를 width의 길이에 상관없이 반복하고자할 경우 사용합니다. 아래와 같은 패턴이 반복될 경우, 작은 패턴의 이미지를 하나 만들고 background-repeat을 사용해 구현할 수 있습니다. 예제 코드 body { width: 100%; background-image: url("이미지 경로 입력"); background-repeat: repeat-x; // repeat-y, no-repeat 등의 옵션 사용 가능 } 참조https://www.w3sc..
안녕하세요. 오늘은 html Input 태그 type password, tel 두 가지 사용하는 방법에 대해서 알아보겠습니다. 상황에 따라서 input 태그의 타입을 password와 tel(또는 number)과 같이 두 가지를 사용하고 싶을때가 있다.예를들어, 주민등록번호 뒷자리를 입력받는다고 할때 password가 노출되지 않도록 하면서 사용자에게 숫자 키패드를 보여주고 싶은 경우가 있다. 이때, 해결할 수 있는 방법은 여러가지가 있다. input 태그를 2개 만들어서 처리하는 방법 -webkit-text-security 속성을 사용하여 처리하는 방법 이 글에서는 -webkit-text-security 속성을 사용하여 해결 해보도록 하겠습니다. input 태그에서 type을 password와 tel ..