코딩하는 집사

mac북 초기화로 모든 셋팅 및 설치를 새로 해야 해서 이번 기회에 정리해두기로 했다. NVM이란 NVM(Node Version Manager)이란 Node.js의 버전을 관리해주는 도구이다. 이를 이용해 노드 버전별 설치/삭제를 쉽게 할 수 있으며, 여러 버전의 노드를 설치한 후 선택해서 사용할 수 있다. NVM 설치를 위해서는 homebrew가 미리 설치 되어 있어야 한다. homebrew 설치는 아래 링크를 통해 확인! https://cattaku.tistory.com/63 brew install nvmnvm 설치가 완료되면 nvm 디렉토리를 생성 mkdir ~/.nvm디렉토리 생성 후 path 설정이 필요하다. vi ~/.zshrczshrc 파일에 아래 경로를 추가해준다. export NVM_DI..

Homebrew란? Ruby와 Git 으로 개발된 MacOS 용 패키지로 terminal을 이용한 git 명령어를 사용하려면 필수 설치 패키지이다. 설치 /bin/bash -c "$(curl -fsSL [https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)](https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh))" 터미널에서 위 명령어를 실행한다. 에러해결 설치 중 또는 설치 후 brew 명령어를 사용하면 Warning: /opt/homebrew/bin is not in your PATH 라고 에러 메시지가 나오는데 , 메시지 내용처럼 PATH 에 등록이 되지 않았기 때..

1. 프로젝트 폴더 생성 2. vscode에서 해당 폴더를 열고 터미널에서 리액트 설치 https://create-react-app.dev/docs/adding-typescript/ npx create-react-app . --template typescript // '.'은 현재위치에 설치 한다는 의미, '.' 대신 리액트를 설치할 폴더명을 써도 된다. // --template typescript를 할 경우 타입스크립트로 리액트 프로젝트가 생성된다. - nextjs 환경으로 설치할 경우 npx create next-app --typescript // 타입스크립틑 사용하지 않을 경우 -- 옵션 제외 3. babel 패키지 설치 npm install --save-dev @babel/core @babel/c..

nextjs 환경에서 styled-components 를 활용해서 구현하였다. 확장자는 jsx 가 아닌 tsx 이다. 큰 차이는 없음~ 나중에 시간나면 애니매이션 효과를 추가하면 좋을 것 같다. import { NextPage } from 'next'; import Page_FriendA1 from './friendA1'; import Page_FriendA2 from './friendA2'; import Page_FriendA3 from './friendA3'; import styled from 'styled-components'; import { useState } from 'react'; const Page_FriendIndex: NextPage = () => { const menuTitle = [..

https://yceffort.kr/2021/06/error-handling-in-nodejs

위포트 서비스에서 leana 라이브러리를 사용하고 있어서, 어떤 기능을 하는지 찾아보다가 쉽게 정리 된 글이 있어서 가져와봤다. medium.com/jung-han/lerna-%EB%A1%9C-%EB%AA%A8%EB%85%B8%EB%A0%88%ED%8F%AC-%ED%95%B4%EB%B3%B4%EB%9F%AC%EB%82%98-34c8e008106a Lerna(🐉)로 모노레포 해보러나? Lerna로 mono-repo 만들어보기 medium.com

for...in문은 객체의 모든 열거 가능한 속성을 반복한다. Object.prototype.objCustom = function () {}; Array.prototype.arrCustom = function () {}; let iterable = [3, 5, 7]; iterable.foo = "hello"; for (let i in iterable) { console.log(i); // logs 0, 1, 2, "foo", "arrCustom", "objCustom" } for...of문은 모든 객체가 아닌 컬랙션만 반복한다.. Symbol.interator 속성이 있는 컬렉션의 프로퍼티를 반복한다. Object.prototype.objCustom = function () {}; Array.protot..

A사 면접을 갔을 때 코딩테스트로 나왔던 문제이다. 알고리즘 문제를 낼거라 생각은 했는데, 특이하게도 스프링 환경에서 java와 jsp로 구현하는 문제였다. 전기 사용량별로 기본요금과 전력량별 요금이 다르고, 복지할인 해당여부에 따라 요금할인이 적용되는 문제였고, 2개의 다른 입력값이 주어졌다. 테스트 시간은 1시간이였으나, 안내하는 분이 오셔서 설명하고 난 후 남은 시간은 50분이였다. 사실 이 정도 테스트면 시간은 좀 더 주거나 과제제출식으로 내줬으면 좋았을 것 같다. 참 친절하지 않은 코테였다... 뭐... 사전공지 없이 면접에서 손코딩 요청하는 회사에 비하면 나은걸까? function charge (kw, option) { var basicCharge = 0; //기본요금 var kwCharge ..

Annotation이란? Annotation의 사전적 의미는 주석이라는 뜻이다. 하지만 자바에서의 Annotation은 자바소스 코드에 추가하여 사용할 수 있는 메타 데이터의 일종이다. @retention @target @documented 애노테이션 프로세서

문제 설명 수포자는 수학을 포기한 사람의 준말입니다. 수포자 삼인방은 모의고사에 수학 문제를 전부 찍으려 합니다. 수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다. 1번 수포자가 찍는 방식: 1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ... 2번 수포자가 찍는 방식: 2, 1, 2, 3, 2, 4, 2, 5, 2, 1, 2, 3, 2, 4, 2, 5, ... 3번 수포자가 찍는 방식: 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, ... 1번 문제부터 마지막 문제까지의 정답이 순서대로 들은 배열 answers가 주어졌을 때, 가장 많은 문제를 맞힌 사람이 누구인지 배열에 담아 return 하도록 solution 함수를 작..