Loading...
2019. 11. 2. 14:42

[React.ts] React를 Typescript로 시작해보기 - 개발 환경 구성

안녕하세요. Typescript로 시작하는 첫 글입니다. Typescript의 첫 시작을 React 프로젝트로 시작하게 되었습니다. 그 이유는 제가 이번에 메인 홈페이지를 다시 리뉴얼 하게 되면서 지난 2년 동안 사용하지 않았던 React를 다시 시작하게 되었는데요. 비록 만드는 잠깐 동안이었지만 배움과 같이 더불어 진행하게 되었기 때문에 React의 변경점도 같이 살펴봄과 더불어서 이번에는 Typescript를 사용하여 개발하게 되었습니다. Create react app React를 빠르게 시작할 수 있는 방법으로 create-react-app을 사용하는 방법이 있습니다. Typescript를 사용하는 것도 역시 이 명령어로 쉽고 한 번에 구성할 수 있습니다. $ create-react-app [app..

2019. 9. 29. 10:09

[GP] Junit5를 사용한 Java 테스트 코드 작성

이 글은 N.K Dev Lab에서 작성된 글입니다. 안녕하세요. 오늘은 유닛 테스트에 대한 이야기를 해보고자 합니다. 프로그래밍 하다보면 자신이 작성한 코드가 원하는 형태로 작성되었는지 안되었는지를 테스트해보고 싶을 때가 있습니다. 저는 처음 프로그래밍을 GUI 프로그래밍으로 했다보니 그 결과를 보통 눈으로 확인하곤 했습니다. 하지만 CLI 프로그래밍을 하다보면 원하는 결과가 나오는지 안나오는지 일일이 손으로 입력하고 결과를 본다는 것이 쉽지만은 않습니다. 그럴 때 유닛 테스트를 사용해보세요. What is Unit Test ?그렇다면 유닛 테스트는 무엇인가요? 유닛 테스트는 컴퓨터 프로그래밍에서 소스 코드의 특정 모듈이 의도대로 정확히 작동하는지 검증하는 일련의 절차 과정입니다. 좀 더 자세한 설명을 ..

2019. 8. 27. 17:19

Github Actions - React 프로젝트를 Firebase에 Deploy 하기

Actions 마지막 포스트로 React 프로젝트를 Firebase에 Deploy 하는 글을 써보도록 하겠습니다. 우리는 지난 포스트에서 YAML 파일을 가지고 간단한 Workflow와 Matrix와 Secrets 등의 환경 변수까지를 다뤄봤습니다. 이번 글에서는 기본적으로 Google Firebase에 대한 기본적인 지식이 있는 상태에서 진행을 하도록 하겠습니다. Firebase의 처음부터 시작하게 되면 글이 길어지기 때문에, 간단하게 요점만 짚고 넘어가기 위해서 Firebase의 기본 환경이 이미 구축된 상태에서 진행하도록 하겠습니다. Generate and Register Firebase Token 배포 도구로 Google Firebase에서 공식적으로 제공하는 firebase-tools를 한 번 ..

2019. 8. 26. 14:10

Github Actions - Matrix & Secrets

이번에는 Matrix를 활용하여 다중 OS 환경, 다양한 버전의 언어, 프레임워크 등을 활성화 시키는 워크플로우를 작성해보겠습니다. Matrix Matrix는 Array와 유사합니다. YAML에서는 특정 변수를 선언할 수 있는데, 이를 복수개로 선언하고 싶을 경우에는 Matrix를 사용할 수 있습니다. 아마 기존의 Travis CI를 써보신 분들이라면 익숙할 것입니다. name: Practice actions on: push: branches: - master pull_request: branches: - master jobs: build: runs-on: ubuntu-latest strategy: max-parallel: 4 matrix: python-version: [2.7, 3.5, 3.6, 3.7..

2019. 8. 24. 17:23

Github Actions - 간단한 워크플로우 생성해보기

지난 포스트에서 Github Actions에 대한 간단한 사용과 기능을 소개하는 시간을 가졌었는데요. 이번에는 직접 Github Actions를 사용해 워크플로우를 자동화하는 것을 해보도록 하겠습니다. Start 먼저 레포지터리를 Actions를 사용하고자 하는 프로젝트를 clone 하도록 하죠. $ git clone [Repository] 클론한 레포지터리에 아래의 디렉터리를 한 개 만들어보겠습니다. $ mkdir -p .github/workflows Actions를 사용하려면 먼저 Workflow를 읽을 수 있는 경로가 필요한데, 이 경로가 바로 .github 디렉터리입니다. $ touch main.yml 그리고 main.yml 라는 이름의 파일을 한 개 만들어줍니다. 이것이 이 레포지터리에서 Mai..