aeiou Repository

모노레포 란? 두 개 이상의 프로젝트 코드가 동일한 저장소에 저장되는 소프트웨어 개발 전략입니다. 하나의 레포지토리에서 코드가 관리되지만, 모듈별로 독립적인 프로젝트를 구축할 수 있습니다. 의존성 패키지가 하나의 레포지토리에서 관리되어 프로젝트 호환성과 배포 프로세스 등 관리 포인트가 줄어든다는 장점이 있습니다. 이번 토이프로젝트에서는 프론트(next.js)와 백엔드(nest.js) 모듈을 모노레포로 구성해보려합니다. Yarn 설치 & init npm install -g yarn cd repository_name yarn init node.js 모노레포 도구로는 yarn과 lerna가 많이 사용됩니다. 저는 yarn의 내장기능인 workspace 를 사용해 모노레포를 구성하겠습니다. { "name": "..

No supported authentication methods available(server sent: pulbickey) 에러 또 다시 만난 버전 에러..ㅠ 오라클 클라우드에서 VM 생성 후 PuTTY로 ssh 접속을 시도했더니 다음과 같은 에러가 발생했다. No supported authentication methods available(server sent: pulbickey) 에러 메세지만 보고 당연히 키를 잘못 다운로드한줄 알고 VM을 다시 생성하며 키도 다시 다운로드 했는데 여전히 같은 에러 발생... 구글링을 해보니 나랑 똑같은 사람을 발견했다 https://toentoi.tistory.com/100 [ssh] oracle cloud vm ssh터미널 접근 시 에러 앞서 인스턴스 생성 후 ..

시작하기 전에 오랜만에 새로운 프로젝트 시작하려다 마주친 삽질... Next.js를 시작하는 사람이라면 Node.js를 예전부터 사용하던 사람일 가능성일 클 것 같아 작성해둔다. 기존 Node.js 버전과 Next.js lastest 버전이 맞지 않아 버전 업데이트를 해줘야했다. Node.js는 홈페이지에서 LTS로 다시 다운로드. (14.?.? -> 18.4.0) npm은 아래 명령어로 최신버전으로 업데이트 가능하다 (9.3.1? -> 9.4.1) npm install -g npm@latest create-next-app 으로 프로젝트 생성 npx create-next-app@latest --typescript proceed에 따라서 enter 연타하다보면 프로젝트가 생성된다. ESLint 사용여부 >..

NAVER Cloud SUMMIT 2022 네이버 클라우드에서 Summit 2022를 진행합니다. 날짜는 12월 14일 수요일이고, 온라인입니다. 개인적으론 온라인이 더 좋은 것 같아요 :) 작년에는 아는게 적어서 듣기가 어려웠는데, 올해에는 좀 더 이해할 수 있지 않을까 생각이 됩니다. ㅎㅎ 사전 등록하기 참가신청은 네이버 예약으로 할 수 있습니다. 소속(학교/직장), 직급, 참여 동기, 활용 계획을 선택하고 이름, 전화번호 입력 후 예매할 수 있습니다. 예매는 1인당 한번만 가능하네요...ㅠ 예매 인증 사진을 못찍었습니다ㅠㅠ 사전 등록은 아래 링크에서 할 수 있습니다. https://booking.naver.com/booking/5/bizes/775493 네이버 예약 :: NAVER Cloud SUM..

PyScript란? 아직 많이 알려지지 않은 파이스크립트는, 올해 5월 PyCon 2022 컨퍼런스 에서 Anaconda가 발표했습니다. 이름에서 유추할 수 있듯이, Python + Javascript 로 표준 HTML 내에서 Python을 사용할 수 있게 해주는 PyScript라는 프레임워크입니다. 왜 Python일까? 파이썬은 2022년 10월 기준, 프로그램 언어 인기 순위를 보여주는 티오베(tiobe)에서 1위를 차지하고 있습니다. 파이썬은 수많은 라이브러리와 오픈 소스를 통해 데이터 과학, 시각화, 머신러닝 등 인공지능 분야에서 활발하게 사용되고 있습니다. 웹 분야에서는 Django, Flask와 같은 프레임워크와 함께 백엔드에서 주로 사용되어 왔으며 프론트엔드에서는 거의 지원이 없었습니다. 자..

EC2 ubuntu 서버 시간을 한국 표준 시간으로 변경하는 방법을 알아보겠습니다. 처음 EC2를 세팅할때 서버시간을 변경해줬던것 같은데 몇일전부터 시간이 안맞아서 다시 세팅해주겠습니다. EC2 인스턴스가 재부팅될 때, UTC로 돌아오는 경우가 종종 있다고 합니다. 변경 전 시간 확인 date 명령어를 입력하면 현재 시간이 나옵니다. UTC로 되어있으니 KST로 변경하겠습니다. root 로그인 sudo su - root Asia/Seoul로 시간 변경 sudo rm /etc/localtime sudo ln -s /usr/share/zoneinfo/Asia/Seoul /etc/localtime 로컬 시간을 Asia/Seoul로 변경해줍니다. 위 명령어를 입력 후 date로 시간을 확인해보면 KST인것을 확..

AWS Summit Korea 2022 8번째 AWS Summit Korea 등록이 시작되었습니다. 이번에도 90개의 강연, 40여개의 고객사례가 준비되어 있다고 합니다. 5월 10일 ~11일 이틀간 온라인으로 진행됩니다. 기조 연설을 제외하고는 정해진 시간 없이 참가자가 선택해서 듣는 방식으로 진행될것같아요. 참가등록 참가등록은 기본 정보(이름/지역/전화번호 등)와 추가 정보(회사명/직무/직책/산업군/관심주제 등)을 입력하고 로그인할 메일과 비밀번호를 입력하시면 됩니다. 메일인증까지 완료하셔야 등록이 완료됩니다. 메일 확인 필수! 참가 등록은 아래 링크에서 할 수 있습니다. https://summits-korea.virtual.awsevents.com/register 등록 - AWS Summit Kor..

critical dependency the request of a dependency is an expression 에러 처음 하고자 했던건 json에 img path를 저장해두고 화면에서 바로바로 import해서 사용하고 싶었다. 그냥 이렇게 사용하니 에러는 안나지만 이미지를 불러오지 못했고ㅠ (webpack img설정은 모두 해줬고 dataset을 tsx로 바꿔 import를 미리 해주고 불러오는 것까지는 가능!) 다음으로 Project.tex 내에서 forEach로 import해주려고하니 이때부터 ritical dependency the request of a dependency is an expression 에러 발생 ㅠㅠ 여기서 부터 검색어를 잘못잡았던것같다. 해당에러를 해결하려고 하니 gith..

Template literals 템플릿 리터럴은 ES6부터 새로 도입된 문자열 표기법으로 내장된 표현식을 허용하는 문자열입니다. (ES6 사양 명세에는 template strings라고 되어있으며, 템플릿 리터럴과 같은 의미) 사용방법 템플릿 리터럴은 따옴표 대신 백틱( ` )을 사용합니다. $와 중괄호를 사용해 ${expression} 와 같이 표현식을 사용합니다. 템플릿 리터럴 안에서 백틱 문자를 사용하려면 백틱 앞에 백슬러시를 넣으면 됩니다. (`\`` === "`") 줄바꿈 (Multi-line strings) \n, \t 등 이스케이프 시퀀스 없이 표현 가능. 템플릿 리터럴 안의 줄바꿈, 탭 등은 그대로 출력 ES5 console.log("string text line 1\n"+ "string ..

Array(n) length가 5인 새로운 배열을 생성합니다. fill(n) fill(n, start, end) 배열의 시작 인덱스부터 끝 인덱스의 이전까지 정적인 값 하나로 채움 const array1 = [1, 2, 3, 4]; // 2번부터 4번이전까지 0으로 채움 array1.fill(0, 2, 4);// [1, 2, 0, 0] // 1번부터 2번이전까지 0으로 채움 array1.fill(0, 1, 2);// [1, 0, 0, 4] // 1번부터 끝까지 0으로 채움 array1.fill(0, 1);// [1, 0, 0, 0] // 모두 0으로 채움 array1.fill(0);// [6, 6, 6, 6] // 글자도 가능 array1.fill('a');// ['a', 'a', 'a', 'a'] fr..