식(expression) vs 문(statement) | Minsu's Dev Log

33-js-concepts를 스터디하며 정리한 포스트 입니다. 자바스크립트의 식과 문 자바스크립트에는 대표적은 2가지 문법 카테고리가 존재한다. 식 (Expression) 문 (Statement) 식 (Expression)은 문 (Statement)처럼 동작할 수 있다.
문 (Statement)은 식 (Expression)처럼 동작할 수 없다. 식 (Expression) 식 (Expression)은 하나의 값을 만들어 낸다

https://alstn2468.github.io/

fp-ts로 Typescript 함수형 프로그래밍 시작하기 3 (Semigroup) | Minsu's Dev Log

본 포스트는 fp-ts 공식 문서의 Learning Resources에 있는 Getting Started에서 소개하는 문서들을 번역하며 학습한 문서입니다. 원본 문서는 링크에서 확인할 수 있으며 작성한 코드들은 여기에서 확인할 수 있습니다. fp-ts 시작하기 (Semigroup…

https://alstn2468.github.io/TypeScript/2021-04-25-fp-ts-3

React Native로 카메라 사용하기 (1) | Minsu's Dev Log

해당 포스트는 Nomad Coder의 초보를 위한 RN강의를 정리한 내용입니다. Dependencies expo react react-native expo-permissions expo-camera styled-components 모든 모듈의 버전은 최신 버전 기준 입니다. 1. 프로젝트 생성하기 Template는 를 선택합니다. 과 는 임의로 작성합니다. 2. App.js…

https://alstn2468.github.io/ReactNative/2019-08-30-ReactNativeCameraPermissions/?utterances=96ea3806d0de47daeb02b153xNaY0eOiVvbAZSM85pwhg65oLDbMJBb0HQ6aUI7wtzMaKf6KY%2BM3WpgGGa1fmvIDLEdrrIp7rzCRQ%2BxGGSgyNbaL8Ewvs7ZVLfe0QIrFe1uSSifu83AT2UWA85I%3D

Github Action으로 Gatsby 블로그 배포 자동화하기 | Minsu's Dev Log

계기 기존에 기반의 을 이용해 블로그를 사용하고 있었다.
jekyll uno라는 테마를 사용하고 있었는데, 테마가 글과 코드의 가독성을 너무 해치는 듯 했다.
기존부터 관심이 있었던 기반의 로 플랫폼을 옮기기로 결정하게 되었다.
테마는 이전 부터 보았던 jbee님의 gatsby-starter-

https://alstn2468.github.io/Automation/2020-01-24-GatsbyGithubAction/

GatsbyJS와 NextJS로 알아보는 React 렌더링 방식 | Minsu's Dev Log

React의 기본적인 렌더링 방식 React는 기본적으로 단일 페이지 애플리케이션(Single Page Application, SPA)으로 흔하게 사용됩니다.
SPA가 동작하기 위해서는 처음 요청을 보냈을 때 앱에 필요한 스크립트들을 전부 다운로드해야 합니다.
이 SPA 앱은 라우터(router)를 이용해 URL을 변

https://alstn2468.github.io/React/react-rendering-with-gatsby-and-next/?utterances=5dbc444082d53ad4f605652eVMarNPwSLfmH2GdjW7yTjfEmeXqq3hS2uVVNcv16u0IjC8RWtDpBY25Snh7DdUOGQjlaebQXQI%2F%2FGuyEBDzd80msqo5Qni9Z2P3iatgOvwcHhsPcn3NLeKSTxjg%3D

함수형 디자인: 속성 기반 테스트 소개 | Minsu's Dev Log

본 포스트는 fp-ts 공식 문서의 Learning Resources에 있는 Functional design series에서 소개하는 문서들을 번역하며 학습한 문서입니다. 원본 문서는 링크에서 확인할 수 있으며 작성한 코드들은 여기에서 확인할 수 있습니다. 함수형 디자인: 속성 기반 테스트 소개 Eq, Ord, Semigroup 과 Monoid…

https://alstn2468.github.io/TypeScript/2022-01-03-fp-ts-funtional-design-6/?utterances=22b0778145e493f17734f12aQ%2BYQTmMBhmK0274g6ndYFUotkQ1QADklA6nRRy5N5bMFltdpqgv5oHybZLeVryJBRWDijYl1rk%2BFNyKMvdmnxKvPm%2BE69Jkvgv8nOK87TlHdnuANvZ3FCEzJleQ%3D

원시 타입 (Primitive Type) | Minsu's Dev Log

33-js-concepts를 스터디하며 정리한 포스트 입니다. 원시 타입(Primitive Type)이란? 자바스크립트에서는 원시 타입 참조 타입이라는 두 가지 자료형을 제공한다.
자바스크립트에서 원시 타입으로는 아래의 7개가 존재한다. (, ) (, , ) (, ) (, , ) (, ) 은 에 새로 추가된 원시 타입이고 는 부터 추가되었다.
위의…

https://alstn2468.github.io/

fp-ts로 Typescript 함수형 프로그래밍 시작하기 10 (IO) | Minsu's Dev Log

본 포스트는 fp-ts 공식 문서의 Learning Resources에 있는 Getting Started에서 소개하는 문서들을 번역하며 학습한 문서입니다. 원본 문서는 링크에서 확인할 수 있으며 작성한 코드들은 여기에서 확인할 수 있습니다. fp-ts 시작하기 (IO…

https://alstn2468.github.io/TypeScript/2021-06-20-fp-ts-10/?utterances=f5af7bca13b115e04293a082B9xJsIZGAfEIckzdfcbl%2FY9nStR1pHSQ8meGkzq4wlGeYGZ4L7zFgQ0g6CqGK3eTXXgvo8q9x0gDgVyBCoDFNetS1sHu6BkC1uMKn6yJTQl1%2Bg5PizRrWdb1Rzk%3D

3/13, 21일 게시글의 제목이 같아요.

게시글 제목이 같아서(MailProgramming) 최신 글 주소로 리다이렉트됩니다!

fp-ts로 Typescript 함수형 프로그래밍 시작하기 5 (Category) | Minsu's Dev Log

본 포스트는 fp-ts 공식 문서의 Learning Resources에 있는 Getting Started에서 소개하는 문서들을 번역하며 학습한 문서입니다. 원본 문서는 링크에서 확인할 수 있으며 작성한 코드들은 여기에서 확인할 수 있습니다. fp-ts 시작하기 (Category) 지난 포스트에서 우리는 함수형 프로그래밍에 사용되는 몇 가지

https://alstn2468.github.io/TypeScript/2021-05-01-fp-ts-5/?utterances=9a9fcbf6ffbaacf59de8fd7et6G%2FbvSUGrH4defLlC0r%2BsE%2BCWY1R0nJMg8dA2B26tiMExIJtiyFntGN86a2rkw7BQxaLZlGj8I7Zxq1ZWH5S6ccbKS9D6YB6cJYCkQsM32qqLgGXZfgLBLoJ3w%3D

우당탕 3년 차 프론트엔드 개발자가 돌아보는 한해 | Minsu's Dev Log

2020년 10월에 작성한 “개발자로서 첫 이직 회고” 이후 2년이 지난 시점이나 되어서 회고를 작성하게 되었다. 18년, 19년에는 간단하게라도 연말 회고를 진행했는데 20년, 21년에는 어떤 이유 때문인지는 잘 기억나지 않지만, 회고를 작성하지 않았다.
마지막 회

https://alstn2468.github.io/Retrospective/%EC%9A%B0%EB%8B%B9%ED%83%95-3%EB%85%84-%EC%B0%A8-%ED%94%84%EB%A1%A0%ED%8A%B8%EC%97%94%EB%93%9C-%EA%B0%9C%EB%B0%9C%EC%9E%90%EA%B0%80-%EB%8F%8C%EC%95%84%EB%B3%B4%EB%8A%94-%ED%95%9C%ED%95%B4?utterances=77ad3a6cf1ca744eb99597013V0UCa%2F7A3QF1yhAoPKs47SBRSm9gQs%2FFkq%2FfERlOa%2BZq%2BrRcVVWSWQl%2BWZT4kqDaKCZqccx2k2K1WcKd%2FAzTZYLPQcvYd1ATxYMHD4rO7Pf2evp6EHhXnOVNmI%3D

개발자로서 첫 이직 회고 | Minsu's Dev Log

🚧 글을 작성하기에 앞서 저는 9개월 정도 다닌 첫 직장을 그만두고 첫 이직을 했습니다.
대학생 신분으로 첫 회사를 구하고 첫 이직을 하기까지의 경험과 팁을 담은 회고 글 입니다.
작성된 모든 내용은 제 경험을 기반으로 한 주관적인 글이므로 참고

https://alstn2468.github.io/

fp-ts로 Typescript 함수형 프로그래밍 시작하기 1 (Eq) | Minsu's Dev Log

본 포스트는 fp-ts 공식문서의 Learning Resources에 있는 Getting Started에서 소개하는 문서들을 번역하며 학습한 문서입니다. 원본 문서는 링크에서 확인할 수 있으며 작성한 코드들은 여기에서 확인할 수 있습니다. fp-ts 시작하기 (Eq) 이 블로그 시리즈에서는 종종

https://alstn2468.github.io/TypeScript/2021-04-24-fp-ts-1/?utterances=0cf911232dd34933a9735ac0EolVcBUpJEzbNk%2BUbdXNgQ5ELQ5PzjkSwVRe7dQMnYCfi6o6R%2B4BAbXAsH43TGEsvS0LUUHYs4kHAgo6l8shr1DrBF%2FtJErvMhIZzSdttU%2FwNpMMnb7B%2FEmkoUg%3D

ReScript 공식문서로 ReScript 훑어보기 (1) | Minsu's Dev Log

본 포스트는 ReScript 공식문서를 스터디하며 정리한 포스트 입니다.
포스트를 작성하며 작성한 코드는 여기에서 확인할 수 있습니다. ReScript란? ReScript의 공식문서에 따르면 ReScript는 JavaScript를 사랑하지는 않지만 자바스크립트의 중요성을 인정하는 사람들을 위한 언어라고 한다. ReScript는 Java

https://alstn2468.github.io/ReScript/2020-12-15-ReScriptTutorialPart1/?utterances=dd41b1bbdf1a586e03b8f68b19ts1rmcTJ5l407qAxhZLECxOCEFhKEEEZHzSCkT98EBsc5xvPu6GzCDWfQejNQ3eUpJqGE%2BgFea9Lz6w6tAslNpQiCD2JQ%2FOSySyp4wyGsroQg5Vfv0vRYvzVQ%3D

1일 1커밋 1주년 회고 | Minsu's Dev Log

1일 1커밋 1주년 달성 님의 깃허브(Github)로 취업하기를 보고 깃헙을 시작했던 것 같다.
2018년 9월 7일부터 시작한 1일 1커밋이 2019년 9월 7일 드디어 1주년을 맞이했다.
처음 개발을 시작했을 때와는 많은 것이 달라졌겠지만 아직도 많이 부족하다.
1일 1커밋을 하게

https://alstn2468.github.io/

개발자로서 첫 이직 회고 | Minsu's Dev Log

🚧 글을 작성하기에 앞서 저는 9개월 정도 다닌 첫 직장을 그만두고 첫 이직을 했습니다.
대학생 신분으로 첫 회사를 구하고 첫 이직을 하기까지의 경험과 팁을 담은 회고 글 입니다.
작성된 모든 내용은 제 경험을 기반으로 한 주관적인 글이므로 참

https://alstn2468.github.io/Retrospective/2020-10-05-%EA%B0%9C%EB%B0%9C%EC%9E%90%EB%A1%9C%EC%84%9C-%EC%B2%AB-%EC%9D%B4%EC%A7%81-%ED%9A%8C%EA%B3%A0/?utterances=eca40ce1adc2e77c22fa08a4%2BVqXqt1tzpDFQg0hnDwBj80kkObP%2FIwHU5aeNFdCJd2IvI5TwrF2MqNa6QIDaKjkyIQdLp79j%2BqxFa1VYnEEU1MiSoAC6%2FZRi6Ib5cbZndkQF1c8SoKNNUBlXcE%3D

ReScript 공식문서로 ReScript 훑어보기 (6) | Minsu's Dev Log

본 포스트는 ReScript 공식문서를 스터디하며 정리한 포스트 입니다.
포스트를 작성하며 작성한 코드는 여기에서 확인할 수 있습니다. Record Record는 JavaScript의 객체와 비슷하지만 아래와 같은 차이점이 존재한다. 기본적으로 불변하다. 확장 불가능한 고정적인 필드들을 갖는다. Reco

https://alstn2468.github.io/ReScript/2020-12-21-ReScriptTutorialPart6/?utterances=7acb58f2554d6ace8a845c20fmgADqJcfnrmwI71aA87uFMLLU%2F9LT3s4wOYqaXwrWMKSGqZRU7BsAbGuOSyZY790DR%2BYEVjkH%2FPTZ0x9MQPzay7MtMrd9MoABcyUi7ueUfBriSGoFFEfKKzyY0%3D

BOJ 11404 플로이드 | Minsu's Dev Log

플로이드 시간 제한 메모리 제한 1초 256MB 문제 n(1 ≤ n ≤ 100)개의 도시가 있다. 그리고 한 도시에서 출발하여 다른 도시에 도착하는 m(1 ≤ m ≤ 100,000)개의 버스가 있다. 각 버스는 한 번 사용할 때 필요한 비용이 있다. 모든 도시의 쌍 (A, B)에 대해서 도시 A에서 B로 가는데 필요한 비용의 최솟값을 구하는 프로그램을 작성하시오. 입력 첫째 줄에 도시의 개수 n(1 ≤ n ≤ 100)이 주어지고 둘째 줄에는 버스의 개수 m(1 ≤ m ≤ 100,00…

https://alstn2468.github.io/