단의 개발 블로그

실제 서비스 되는 애플리케이션은 빌드 작업을 거쳐 배포된다. 불필요한 주석, 경고메세지, 주석을 제거해서 파일 크기를 최소화 하고, jsx문법이나 다른 최신 자바스크립트 문법이 원활하게 실행되도록 코드 트랜스 파일 작업도 가능하다. 이런 작업은 웹팩이라는 도구가 담당하는데, 별도의 설정을 하지 않을 경우 프로젝트에서 사용 중인 모든 자바스크립트 파일과 css 파일이 합쳐진다. CRA로 빌드할 경우 최소 두 개 이상의 자바스크립트 파일이 생성되는데, CRA의 기본 웹팩 설정에는 splitChunks라는 기능이 적용되어 modules에서 불러온 파일, 일정크기 이상의 파일, 여러 파일 간 공유된 파일을 자동으로 분리시켜 캐싱 효과를 누릴 수 있게 해준다. 빌드하기yarn build 명령어를 실행하면 다음과 ..

리액트 애플리케이션에서 API 서버를 연동할 때 API 요청에 대한 상태도 관리해야 한다. 요청 시작 시 로딩, 성공 실패에 따른 각각 응답 상태 관리를 해야한다는 뜻이다. 미들웨어를 사용하여 효율적이고 편하게 상태 관리를 할 수 있다. 아래 패키지를 추가한다.yarn add redux react-redux redux-actions  리덕스 생성import {createAction, handleActions} from "redux-actions";const INCREASE = 'counter/INCREASE';const DECREASE = 'counter/DECREASE';export const increase = createAction(INCREASE)export const decrease = crea..

💡 문제자연수 n이 매개변수로 주어집니다. n을 3진법 상에서 앞뒤로 뒤집은 후, 이를 다시 10진법으로 표현한 수를 return 하도록 solution 함수를 완성해주세요.💡 제한 조건n은 1 이상 100,000,000 이하인 자연수입니다. 입출력 예  입출력 예 설명✨ 풀이class Solution { public int solution(int n) { int answer = 0; String str = ""; while(n != 0) { str += n % 3; n /= 3; } answer = Integer.parseInt(str, 3); return answer; }}..