1. 프리티어 확장프로그램 설치 2. 프리티어 설정 2-1 ESLint와 호환을 위해 Single Quote 체크 2-2 기존의 format 끄기 2-3 format on save 설정 3. 프리티어 설정파일 추가 3-1 .prettierrc 파일 추가 { "printWidth": 80, "tabWidth": 2, "useTabs": false, "singleQuote": true, "trailingComma": "all", "jsxBracketSameLine":true, "jsxSingleQuote": true, "arrowParens": "always" } 3-2 .prettierignore 파일 추가 appspec node_modules public .next styles tailwind-theme..

1. storybook 설치 npx sb init 2. storybook/main.ts withTwin webpack 설정 import type { StorybookConfig } from "@storybook/nextjs"; import withTwin from '../withTwin'; const config: StorybookConfig = { stories: ["../stories/**/*.mdx", "../stories/**/*.stories.@(js|jsx|ts|tsx)"], addons: [ "@storybook/addon-links", "@storybook/addon-essentials", "@storybook/addon-interactions", ], framework: { name: "..

1. Next 프로젝트 생성 npx create-next-app 2. .eslintrc.json 수정 { "env": { "browser": true, /* 브라우저 환경에서 실행되는 코드 */ "node": true, /* Node.js 환경에서 실행되는 코드 */ "es2021": true /* ECMAScript 2021(ES12) */ }, "extends": [ "eslint:recommended", /* 기본적인 ESLint 구성 설정*/ "plugin:react/recommended", /* React에 대한 ESLint 권장 설정 */ "next/core-web-vitals", /* Next.js의 Core Web Vitals 설정 */ "plugin:storybook/recommended..

목차 엘리베이터 시뮬레이션 알고리즘 엘리베이터 시뮬레이션 객체 설계 엘리베이터 구현 엘리베이터 쓰레드 설계 결과 1. 엘리베이터 시뮬레이션 알고리즘 while(사람이 모두 이용할때까지){ 1. 현재층에서 내릴 사람이 있는지 엘리베이터 내부를 확인한다. 2. 현재층에서 탑승할 사람이 있는지 확인한다.(탑승시에 중량을 확인, 올라가는지 혹은 내려가는지 확인 후 목적에 따라 탑승) 3. 1. 탑승한 사람이 있다면 목적지 설정 2. 탑승한 사람이 없다면, 건물에 엘리베이터 기다리는 사람을 탐색 후, 목적지 설정(사람이 있는 층으로) 4. 설정된 목적지가 있다면 목적지로 출발합니다. (층마다 알고리즘 1,2 를 실행.) } 내가 엘리베이터를 이용하였을 때 생각나는 순서도를 기준으로 알고리즘을 구상해 보았다. 엘리..

백엔드 서버의 로그기록을 보고 싶다는 생각이 들었다. 그러나 현재 로그 기록은 EC2 인스턴스 내에 .log 파일로 존재하기에 EC2 인스턴스까지 들어가서 볼 수 밖에 없었다. 이 점을 해결하고자 자원까지 볼 수 있는 Spring Admin Server를 추가할려고한다. Spring Admin 이란 Spring Boot Actuator에 GUI를 입힌거라 보면 편하며 Spring Boot Actuator는 실행 중인 애플리케이션에 대한 운영 정보( 상태, 메트릭, 정보, 덤프, 환경 등) 를 노출 하는 라이브러리이다. 또한 깃허브에 올라가는 DB 설정 코드들이 외부에 노출되기에 이를 해결하기 위해서 설정파일을 암호화 할 수 있는 jasypt 라이브러리를 추가하겠다. 01. Spring Admin Serv..

이 프로젝트에서는 사용자 위치 기반 서비스를 제공하기로 약속하였다. 하지만 이 위치기반서비스를 사용하기 위해서 프론트 서버에는 https를 구축해야했고 https 서버는 http로 api 통신을 할 수가 없다. (반대로 http 서버가 https 서버로 통신은 가능하다.) 또한 http 포트는 보안상의 문제가 생길 수 있음으로 https를 구축하게 되었다. https에 관한 간단한 설명은 아래의 링크에 포스팅 해두었다. https://eating-salmon.tistory.com/83 HTTPS HTTPS 란 Hypertext Transfer Protocol Secure HTTP 프로토콜의 보안 버전입니다. 즉 기존의 HTTP 프로토콜 보다 안전하다는 이야기가 된다. 정보의 암호화 내가 어떤 웹사이트에 ..