분류 전체보기 검색 결과

해당 글 777건

zsh + oh my zsh + plugins

bash만 쓰다가 리눅스에서 뭔가 할 일이 생겨서 외면해왔던 zsh를 사용해보기로 하였다. 터미널에서 C/C++ 코딩을 하다보면 터미널만 써야할 때가 있고, zsh는 필수적으로 사용하게 된다. (bash가 나쁘다는게 아니다.) 왜? oh my zsh의 auto complete가 편하기 때문이다. 중간만 일치해도 자동 완성을 해주고, 명령어 history 조회도 쉬워진다. 게다가 oh-my-zsh를 설치했다면 해당 파일에 .git 폴더가 있다면 git branch를 표시해준다. 현재 작업중인 브랜치와 파일 변경상태 및 커밋상태가 프롬프트에 표시하여 master branch에 커밋하는 잘못된 짓을 저지르지 않게 도와준다. (만약 표시를 해주지 않는다면 .zshrc 설정에서 plugins 부분에 git을 추가..
🐧 Linux, shell, web server/Shell 2020. 12. 20. 03:34

DevSecOps란 무엇인가, CI, CD는 무엇이고 IaC는 왜 필요한가

terraform101.inflearn.devopsart.dev/ Terraform & AWS 101 :: Terraform & AWS 101 Terraform & AWS 101 본 자료는 인프런 강의(DevOps : Infrastructure as Code with Terraform and AWS)의 강의자료입니다. 본 자료에 대한 상세한 설명은 강의에서 확인하실 수 있습니다. 강의 소개 이 강의는 DevOps의 terraform101.inflearn.devopsart.dev DevOps는 무엇인가 -- 이전에 정리한 내용 DevOps란 개발조직과 운영조직의 벽을 최소화하자는 개념입니다. 그러니까 커뮤니티 사이트를 운영한다면 개발진과 운영진이 분리 되겠죠. 서비스를 운영하고 이슈가 발생하면 운영진은 개..
Ops, Infra, etc/🧙 Terraform 2020. 12. 20. 02:39

외부 패키지 없이 순수하게 Card Slider 만들기

이거 만드는데 5시간이나 걸렸습니다 ㄷㄷ css를 너무 오랜만에 해서 감을 잃은듯... Card import React from "react"; import StyledCard from "./style"; function Card({ img = "", title = "", text = "", author = "" }) { return ( {title} {author} {text} ); } export default Card; import styled from "styled-components"; const StyledCard = styled.div` border-radius: 0.4rem; overflow: hidden; -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0...
Programming Language/🟨 Javascript 2020. 12. 17. 03:32

mongoDB Atlas와 Robo3T 연결

아래 같은 오류가 생겼고, db.yourcollection.dropIndexes()를 해줘서 해결해야 했다. MongoError: E11000 duplicate key error collection: KinoProject.likes index: userId_1 dup key: { userId: ObjectId('5fd6f0ebe4fc053c286cee18') } 그런데 이게 개발 환경이 아니라 이미 배포된 환경이었고, index를 drop해야 하는데 이게 참 atlas에서는 안되어서 robo3t와 연결해서 해결하기로 하였다. courses.ics.hawaii.edu/ics314f19/morea/deployment/reading-atlas-robo3t.html How to connect to Atlas f..
DB, ORM/🍃 mongoDB (shell) 2020. 12. 15. 00:24

react-beautiful-dnd

drag and drop을 직접 구현하는 것도 방법도 있고 react에서는 react-dnd라는 훌륭한 라이브러리도 있습니다. github.com/react-dnd/react-dnd 그러나 react-beautiful-dnd가 워낙 편하고 예뻐서 이걸 써야겠다고 생각하게 되었습니다. github.com/atlassian/react-beautiful-dnd atlassian/react-beautiful-dnd Beautiful and accessible drag and drop for lists with React - atlassian/react-beautiful-dnd github.com 패키지는 크게 3가지 컴포넌트로 구성되어 있습니다. 명칭만 읽어도 어떤 역할인지 이해할 수 있을 것입니다. 설치 ya..
React, Next, Redux/⚛ React.JS 2020. 12. 14. 19:30

Nest + Jest + supertest e2e test (2) : grapqhl query

grapqhl 기반 backend에서 Query를 날리고 Network 탭을 확인하고 이를 따라해서 테스팅에 적용해보자 graphql-kr.github.io/learn/serving-over-http/#post-request에 따르면 표준 GraphQL POST 요청은 application/json content-type을 사용해야하며 아래 형식의 JSON 인코딩 바디을 포함해야합니다. { "query": "...", "operationName": "...", "variables": { "myVariable": "someValue", ... } } operationName 과 variables 는 옵셔널 필드입니다. operationName 은 쿼리에 여러 작업이 있는 경우에만 필요합니다. 위 내용 외에..
Node, Nest, Deno/🦁 Nest - Series 2020. 12. 13. 19:55

Nest + Jest + supertest e2e test (1) : setting

* 테스트 코드를 작성할 공수가 제한적이라면 E2E만 하세요. 프론트엔드, 백엔드, E2E 모든 영역에서 테스트 코드를 작성 하면 좋겠지만 그 정도의 공수를 투입하는것은 현실적으로 힘든 일입니다. 만약 하나만 골라서 제대로 해야 한다면 저는 E2E만 테스트 코드를 작성 하겠습니다. 종단(EndPoint)에서 테스트를 통과하면 기능이 잘 작동하는 것이고 종단에서 실패하는 테스트가 진짜 문제입니다. 출처 - medium.com/hbsmith/e2e-test-%EC%95%8C%EC%95%84%EB%B3%B4%EA%B8%B0-3c524862469d 코드를 작성하면서 프로젝트를 진행할 때 다른 건 몰라도 중요 로직은 e2e 테스트를 짜는 것이 좋다는 생각이 들었습니다. 열심해 해 봅시다! Nest에서는 unit ..
Node, Nest, Deno/🦁 Nest - Series 2020. 12. 13. 02:56

Nest + Jest unit test (5) spy function, mockImplementation

jest.spyOn(object, methodName) Jest · 🃏 Delightful JavaScript Testing 🃏 Delightful JavaScript Testing jestjs.io * spy 함수는 언제 사용해야 하나 toHaveBeenCalledTimes, toHaveBeenCalledWith 등을 사용할 때 expect 되는 메서드는 mock 된 것이거나 spy function이어야 합니다. 아무런 가공을 거치지 않은 일반 함수를 쓰게 되면 Matcher error: received value must be a mock or spy function 가 발생합니다. 이전까지는 mock을 사용해보았으나 spy function이 무엇인지는 살펴보지 않았습니다. spy function은 ..
Node, Nest, Deno/🦁 Nest - Series 2020. 12. 12. 20:58

Nest + Jest unit test (4) 외부 패키지 mocking

아래 service 코드를 테스트해보기로 하였다. 여기서 문제는 jsonwebtoken라는 외부 패키지를 사용했다는 것이다. /* eslint-disable @typescript-eslint/ban-types */ import { Inject, Injectable } from '@nestjs/common'; import { JWTModuleOptions } from './jwt.interfaces'; import jwt from 'jsonwebtoken'; import { CONFIG_OPTIONS } from 'src/common/common.constants'; @Injectable() export class JwtService { constructor(@Inject(CONFIG_OPTIONS) pr..
Node, Nest, Deno/🦁 Nest - Series 2020. 12. 12. 19:12

Go Routine (2) : 내부 쓰레드 통신 Channels

채널은 func main와 고루틴 사이에서의 의사소통 창구입니다. 정확히 말하면 내부 쓰레드 간 통신을 위해 Channels가 이용됩니다 고루틴을 통해 무언가 반환한 값을 얻으려면 channel을 이용해야 합니다. 아래 코드가 의도한 바는 isLaunched를 동시적으로 실행하여 결과값을 반환하라는 것입니다. 그러나 아래 코드는 동작하지 않습니다. syntax error가 납니다. 고루틴은 리턴을 하지 않습니다. 채널을 이용합니다. func main() { rockets := [2]string{"falcon", "atlas"} for _, rocket := range rockets { output := go isLaunched(rocket) // Error! fmt.Println(output) } } f..
Programming Language/🐿️ Go (Golang) 2020. 12. 11. 03:01