괴발개발 성장기

IntelliJ(인텔리제이)는 무료버전과 유료버전이 있습니다.저는 유료까지 필요하지 않아서 무료를 설치하려고 해요. 유료버전 : IntelliJ IDEA Ultimate무료버전 : IntelliJ IDEA Community Edition    1) 아래 링크를 간다.https://www.jetbrains.com/idea/download/?section=mac Download IntelliJ IDEA – The Leading Java and Kotlin IDEDownload the latest version of IntelliJ IDEA for Windows, macOS or Linux.www.jetbrains.com  2) 아래로 내려가면  IntelliJ IDEA Community Edition 버전을..

배경메일 보내는 API가 4초이상 걸린다.그런데 람다에서 api 호출하면 3초만에 time out이 된다. 해결방안1) 구성 클릭2) 왼쪽 사이드 바에서 일반 구성 클릭 - 편집 클릭 3) 제한 시간을 설정한다. 4) 저장을 누른다.중요!최대 15분까지 가능하다. 최대 15분 걸리니까이메일 서비스 개선이 필요하다.

배경staging에서 테스트 하고 싶다.그래서 환경변수를 지정할 필요가 있었다. 환경변수 설정1) 구성 클릭한다2) 왼쪽 사이드바에 환경변수 누른다3) 편집하면 된다.키 - 값 으로 설정하면 된다.  트리거에 환경변수 사용하기1) 트리거를 클릭한다.2) 트리거 리스트가 나온다.3)  test 트리거를 선택했다4) 편집을 누른다.5) 일정패턴 이미 되어있으니까 다음 누르기6) 추가설정을 누른다. => 해당 함수를 잘봐야한다. 중요!!!!! 7) 상수(json 텍스트) 선택하고 json값을 적는다.8) 다음 - 다음 - 규칙 업데이트 클릭하면 끝!  저는 코드에 env가 staging이면 환경변수에서 stagingURL를 찾아서 접속할 수 있게 만들었어요.

배경예약을 할 때 시간을 설정해야한다.그때 cron을 사용한다. 내용UTC 시간을 사용한다.UTC 시간으로 00시가 한국시간으로 9시다.cron표현식 알아보기cron(분 시간 일 월 요일 연도)* 전체 표시 (일, 월, 연도)? : 값 지정 안함Cron 표현식의 요일 필드0 또는 7: 일요일 (대부분의 시스템에서 0이 일요일을 나타내며, 7도 일요일을 나타내는 경우가 있습니다)1: 월요일2: 화요일3: 수요일4: 목요일5: 금요일6: 토요일 시간이나 날짜분 : 1~59시 : 0~23일 : 1-31월 : 1-12요일 0-6까지 표현이 가능하다. 예시- 2024년과 2025년 동안 1월, 2월, 3월의 매월 1일 오전 10시 30분에 작업을 실행cron(30 01 1 1-3 * 2024-2025)- 매일 오..

배경개설한 글에 시작날짜가 기재되어있다. 시작날짜 당일 오전 10시에 알림톡을 보내야한다. 함수만드는 방법1) 검색에 Lambda해서 들어간다. 2) 함수 생성을 누른다. 3)  함수를 생성하기함수 이름를 API 관련해서 적었어요.런타임에서는 예전에는 버전이 낮아 지원이 이제 안돼서 node.js 버전을 18로 하기 정했다.기존역할 사용은 제 계정에 데브옵스 담당자분이 역할을 넣어 주셔서 사용이 가능합니다. 4) 함수 생성 끝  코드 작성하기코드 작성한 후에 Deploy 눌러서 저장한다.  트리거 추가하기 - 새규칙 생성1) 트리거 추가 버튼을 누른다.2) EventBridge 선택한다. 3) 새 규칙 생성을 선택한다.규칙 이름 적기 ex) Daily_Once_0300규칙 설명 ex) 매일 새벽 3시에 ..

배경실무에서 적용할 때에는 클릭을 하면 무언가가 나오게 해야 효과적이라고 생각이 들었다.그래서 이벤트를 적용시켜봤다. 상황구를 클릭하면 육면체로 변경하고육면체를 클릭하면 구로 변경된다. const Sphere = ({onClick}) => { return ( );};  - Sphere 컴포넌트에 onClick이라는 props를 받아들입니다.- Sphere 컴포넌트는 핑크색 육면체이다. const Circle = ({ onClick }) => { const circleRef = useRef(); ..

배경 지구는 도니까 3D 물체도 움직이게 만들고 싶었다. 고양이가 아니라 구형을 자동으로 돌려보자! 저번에 만들어 놓은 Circle 함수에 움직일 수 있게 코드를 넣어보자 2024.03.10 - [Study/React] - [Three.js] 캔버스안에 구형(공모양)을 3D로 만들어보자 [Three.js] 캔버스안에 구형(공모양)을 3D로 만들어보자 # 이전글 2024.02.21 - [Study/자바스크립트] - [Three.js] 캔버스안에 구형(공모양)을 넣어 보자 [Three.js] 캔버스안에 구형(공모양)을 넣어 보자 # 배경 회사 스터디로 진행을 하게 되었다. 동료가 Three.js를 pink1016.tistory.com 전체 코드 const Circle = () => { const circle..

# 배경 Three.js 를 공부하다가 느낀 건데 디자인을 많이 생각해야한다는 것을 느꼈다. 백엔드 개발자인 내가 3D 모델을 만드는게 의미가 있나라는 생각이 들었다. 만약 내가 Three.js 사용한다면 디자이너가 만들어 준 3D 모델에 이벤트를 넣어주는 것이 내가 해야할 역할이라고 생각했다. # 3D 모델 가져오는 방법 1) 아래 사이트를 가서 회원가입 후에 로그인 한다. https://sketchfab.com/ Sketchfab - The best 3D viewer on the web With a community of over one million creators, we are the world’s largest platform to publish, share, and discover 3D con..

3D 물체를 마우스로 움직이게 할 수 있다. 그걸 하기 위해서 코드를 작성해봤다. 이 코드를 넣으면 마우스나 터치 입력을 사용하여 3D를 자유롭게 회전하고 이동할 수 있습니다. # 코드 const Sphere = () => { return ( ); }; 코드를 작성하면 아래 동영상처럼 3D 물체가 자유롭게 움직인다. # 참조 이슈 https://github.com/YooGenie/react-study/issues/47 3D 물체를 마우스로 움직이게 한다 · Issue #47 · YooGenie/react-study github.com

# 배경 지난 번에는 구형을 만들어봤다. 조금 아쉬워서 정육면체 만들어 봤다. # 정육면체 만들기 const Sphere = () => { return ( ); }; 위에 코드를 캔버스에 넣으면 const Model = () => { return ( ); }; 아래 그림처럼 나타난다. 정육면체를 만들었습니다. 그럼 직육면체도 만들수 있습니다. # 직육면체를 만든 방법 x, y, z 축이다. 숫자만 다르게 해주면 직육면체가 된다. 다음에는 마우스으로 3D 물체를 움직이게 만드는 방법을 해보겠습니다.