JIE0025

✅ 개요 99‘nasty kidz의 공연을 보러갔다. 이날 친구의 남친분을 첨 뵙게 되었는데 대단한 개발자분이셨다. 그리고 그분과 대화를하다가 99‘nasty kidz의 팬페이지를 개발하자는 이야기가 나와버렸다. 둘 다 찐 ENTJ 개발자인게 함정 프로젝트 올리신것 클론을 하고, 이제 개발을 해볼까!? 하는 와중에 정해진 게 하나도 없다는것을 깨달아 화면기획을 하게 됐다. ⏺️ 화면 구성 1. 로고 (Home) 로고를 클릭하면 맨 위로 움직인다. 2. 뮤비/영상 설정한 URL의 영상이 자동재생된다. 3. 멤버 소개 스크롤을 내리면 인터랙티브한 효과로 멤버들이 왼쪽, 오른쪽에서 나오도록 설정한다. 각멤버를 누르면 멤버의 인스타 계정으로 들어갈 수 있다. 4. 앨범 리스트 Album, Party, DJ, A..

✅ 선행개념 three.js의 개념과 핵심객체 (Renderer, Scene, Camera) https://jie0025.tistory.com/614 [three.js] 3D를 웹에 렌더링하는 라이브러리 (개념 & 핵심 객체 Renderer, Scene, Camera) three.js Web 상에서 3D를 띄울 수 있는 Javascript 라이브러리 중 하나 * 선행개념으로 html, css, Javascript가 있다. ✅ 장점 가장 인기 있는 라이브러리 중 하나로, WebGL 작업 프로세스를 단순화했다. 플러 jie0025.tistory.com ✅ npm을 이용해 three.js 설치하기 터미널에서 npm을 이용해 three.js 를 아주 간단하게 설치할 수도 있다. 만약 npm이 없다면 npm 설치..

three.js Web 상에서 3D를 띄울 수 있는 Javascript 라이브러리 중 하나 * 선행개념으로 html, css, Javascript가 있다. ✅ 장점 가장 인기 있는 라이브러리 중 하나로, WebGL 작업 프로세스를 단순화했다. 플러그인 없이 애니메이션 2D, 3D 그래픽을 만들 수 있다. 렌더링, 그림자, 카메라, 조명 등 다양한 기능을 제공한다. WebGL, CSS3D, SVGRenderer와 같은, 다양한 렌더러를 지원한다. 문서가 광범위하고, 커뮤니티 역시 활발하다. 다양한 플랫폼에서 동작할 수 있다. ✅ 왜 공부하고자 하는가? 요즘 마케팅 컨텐츠를 볼 때마다 3D요소가 어디에나 무수히 많은것을 볼 수 있다. 사용자에게 몰입감과 생동감있는 경험을 줄 수 있는 웹페이지를 구성하기 위해..

✅ 접수와 공부 계획 https://jie0025.tistory.com/583 [Opic] 오픽 접수와 공부 계획 9월 12일 오늘, 오픽의 ㅇ자도 모르는 상태이지만 시험을 접수했다. 영어공부를 계속 해야지 해야지 말만하고 오픽 따야지 따야지 말만하다가 이제야 해보고싶다는 생각이 들었다. 나는 거의 후 jie0025.tistory.com ✅ 시험일정의 변경 처음에는 10월 2일에 시험을 봐야지 했는데, 추석에 몰입해서 공부를 할 수 있을지 고민이 되기 시작했다. 그래서 추석 전에 시험을 보기로 결정하고, 일주일을 더 땡겨버렸다. 결국 오픽에 대한 준비는 아무것도 모르는상태에서 오픽이 무슨 시험인지, 어떤 식으로 진행이 되는지부터 차근차근 알아보는 시간 포함해 10일정도의 공부기간을 가지게 되었다. 10일..

9월 12일 오늘, 오픽의 ㅇ자도 모르는 상태이지만 시험을 접수했다. 영어공부를 계속 해야지 해야지 말만하고 오픽 따야지 따야지 말만하다가 이제야 해보고싶다는 생각이 들었다. 나는 거의 후회하지 않을 결정을 해왔고, 그것에 미친듯이 몰입한다는 장점이 있다. 나는 어떤일을 할때든지 몰입할 수 있는 환경을 만드는게 가장 중요하다고 여긴다. 일단 뭐든 시도하고 반복하다보면 체화되는 경험을 많이 해서 무작정 도전해보는게 성향이 되었다. 영어 역시도 접수를 하면 어떻게든 더 관심을 갖고 공부를 할것이기 때문에... 10월 2일로 시험을 접수하게 됐다. ✅ 목표 대학 졸업 인증을 하면서, 영포자는 탈출했지만 유럽여행에서 영어를 자유자재로 구사하는 한 사람을 보고 나도 저렇게 되고 싶다고 생각을 했다. 목표는 IM1..

✅ 개요 최근에 ec2 인스턴스를 하나 만들고, sudo apt update 명령어를 입력했는데 작동하지 않았다. 왜 그런지 알아보았지만 결국 AWS Linux를 사용하지 않게 되는 계기가 되었다.. ✅ apt 명령어 우분투는 기본적으로 apt라는 패키지 매니저가 내장되어 있다. 반면 AWS Linux는 기본 패키지 매니저가 apt가 아니기 때문에 이 명령어가 안먹는다. ✅ yum 을 지원하는 AWS Linux 위의 이미지를 읽어보면 AWS Linux의 기본 패키지매니저가 YUM이라고 한다. 따라서 아래 명령어를 이용하면 sudo apt 명령어와 동일한 효과를 얻을 수 있지만.... sudo yum install 패키지이름 yum 관련 이슈도 많은 것 같아서 그냥 AWS Linux를 사용하지 않고 Ub..

✅ 개요 이전부터 인텔리제이를 사용하다보면 프로젝트 폴더가 사라지는 경우가 있었다. 프로젝트 폴더 자체가 사라지는게 아닌, 눈에 보이지 않는 문제인데 간단한 방법으로 해결 할 수 있다. ✅ 해결 먼저 인텔리제이에서 File > Project Structure를 선택한다. Project Settings > Modules > + > Import Module 클릭 스프링부트 프로젝트가 있는 기존 디렉터리로 이동해서, 해당 프로젝트를 선택하고, Open한다. 마지막으로 import module from external model 에서 Gradle을 선택해주면 끝! 프로젝트 디렉터리가 정상적으로 보이는것을 확인할 수 있다.

✅ User 관련 ⏺ 회원가입 인증 페이지 Q . 김준표: 인증번호 보내기하고 인증번호 인증 버튼은 하단의 회원가입 완료로 하는걸까요? A. 강지은 : 인증번호 보내기랑 인증버튼이 분리되어야 한다면 아래에 추가 해놓겠습니다. ⏺ 마이페이지 - 유저의 활동(프로젝트/스터디 등) 활동을 안한 년도는 띄어줄 필요가 없음. 매년 활동을 했다는 가정하에 해도 많은 활동이 불가하긴 하지만, 데이터가 너무 많을 경우[멤버 프로필 보기] 연차가 오래된 멤버에 대해서 참여한 활동은 어떻게 띄울지 고민해야합니다. [FLAG 소개에 있는 동아리 활동 이력처럼 페이징 처리해주는 방향을 고려할까 생각중 어떻게 생각하시나요? → 김준표: 동아리 활동 이력이랑 비슷하게 년도별 처리해주면 되는거라서 페이징 처리해서 보여주는 방식 좋..

✅ User 관련 회원가입 절차별 페이지에 가입구분 따로 넣기 탈퇴절차 모달창 간단하게 생성 비밀번호 입력 확인 정말로 탈퇴하겠습니까 ? 로그아웃 버튼 위치 삽입 (고민중) 회원정보수정 tab 컴포넌트 디자인 개선 ✅ Activity 관련 활동 만들기 모달창 만들기 활동 만들기 버튼 추가에 의한 모집중 이동 ✅ Post/Reply 관련 게시글 세부화면 댓글 수 추가 댓글 숫자 빼기 (반영했으나, 변경된 부분이 없어서 이미지 추가 x) 게시판 화면 좋아요 수 추가

✅ 회원가입 절차 약관동의 아이디 비밀번호 입력 개인정보 입력 이메일 입력 과 동시에 인증 버튼이 존재한다. Login 페이지 - Redirect 1️⃣ 약관동의 2️⃣ 아이디 비밀번호 입력 3️⃣ 개인정보 입력 4️⃣ 이메일 입력과 동시에 인증 버튼