Land of Joe

AWS s3를 이용해서 첫 배포에 성공했다. 그러면.. 앞으로 버전을 업데이트할 때마다 이 거지같은 과정을 반복할 것인가????  자.동. 배.포. 를 할 수 있는데 내가 뭣땜에 뭘 위해서?!!!!  [ AWS IAM을 통해 액세스 키 발급 ] AWS > IAM 검색 > 사용자 > 사용자생성 >사용자 이름: "gamebible-front-s3-admin"(나중에 알아보기 쉽도록 최대한 구체적으로 지어주기, 글로벌이 아니기 때문에 고유하지 않아도 됨)> AWS Management Console에 대한 사용자 액세스 권한 제공 해제 > 다음> 직접 정책 연결 > 권한 정책 중 s3FullAccess 클릭 > 다음 > 사용자 생성원하는 사용자 클릭 > 보안 자격 증명 > 액세스 키 만들기 > Command ..

개발이 일단락 되었기 때문에 이제 해야할 타이밍이 왔다.. 배.포. 배포하기 전에 해야할 것이 있다면? 바로 버.전.관.리버전관리도 사람마다 다 하기 나름이겠지만, 나는 함께하는 팀원분께 들은 조언을 따라볼 생각이다.  [ 버전 생성 프로세스 ] 1. package 파일 안에 version 관리 하기! 버전 외에도 package.json 파일에 신경써야할 것이 있다면: - name은 레포 이름 따라갈 것!- description 써줄 것!  2. develop에 올려두었던 많은 변경사항들을 master로 PR해서 버전 version: 0.0.1 생성하기!Create pr >Create a merge commit (🚨Squash and merge 절대 하면 안 됨!)커밋이 "Version: 0.0.1"로..

4월 1일! 지난 프로젝트 진행 일지를 쓴 지 벌써 한 달이 또 지나갔다. 3월이 어떻게 지나갔는지 모르게 그저 꾸준하게 살다보니 벌써 4월이다. 아침 6:30에 일어나 30분 가량 산책을 하고 아침밥을 먹고, 8시에 출발해 9시 경 학원에 도착해 오늘 할 일을 스케줄러에 적고 9:30부터 할 일을 시작하는 것으로 매일을 보냈다. 할 일을 구체적으로 적긴 어려웠지만 한 일을 상세하게 적음으로써 프로젝트 진행 정도를 파악하기에도 좋고, 나의 진행 속도를 돌이켜보기에도 좋았다. (오전시간엔 뇌를 깨우는 용도로 c++ 언어 공부를 30분 정도씩 하는 것도 좋은 루틴이었다) 한 달 동안 api 연결을 제외한 페이지 제작은 모두 끝냈다! 정확히 3월 8일(금)부터 3월 28일(목)까지 진행하였다. (주말 제외) ..

2024/02/08 프로젝트 첫 모임 (정기미팅 #1) 을 가졌다. 프론트엔드는 나 포함 2명, 백엔드는 세 명, 총 다섯 명. 시간을 보니 프로젝트를 공식적으로 시작한 지도 벌써 한 달이 다 지나갔다. 현재 진행상황은 기획(요구사항 명세서, 와이어프레임), 디자인(스토리보드), DB 및 API 명세까지 마무리 한 상태이다. 위 단계들이 모두 개발은 아니므로 기획이라고 뭉뚱그려 말한다면, 사실 기획이 이렇게 오래 걸릴 줄은 몰랐다. 첫 미팅 날 바로 아이템 선정을 마무리 지었기 때문이다. 아이템 선정은 팀원들 각자가 생각해온 아이디어들을 모두 취합한 후, 그중에서 가장 실현 가능성이 있는, 쉽게 말해 우리가 진짜 만들어낼 수 있을 만한 것으로 선택하였다. UX적으로 아쉬움과 한계가 있을 것은 당연했고, ..

8월 5일 토요일 22시. 프론트엔드 사람들끼리 모여 디스코드 회의를 진행했다. 주말 밤에 모인 이유는 데모데이를 위한 프론트엔드 시연 영상 녹화를 제출해야하기 때문. 각자 진행상황을 공유하고 오류나 질문, 상의할 내용 등을 나누었다. 나는 다른 팀원분이 navigate를 이용해서 헤더를 만들어주셨다고 말을 전해들었는데 이해를 못해서 이용을 안 하고 다른 방법을 사용하고 있던 터라 그것에 대한 질문을 하고.. 네아로(네이버 아이디로 로그인하기) 어렵습니다.....안 되네요.... 얘기하고. 팀원분들 중 한 분은 최근 검색어 기능 구현 과정에서 고민거리가 있다고 하셨다. 검색창에 검색어를 입력하고 submit(엔터라고 생각하면 쉬울 듯)을 안 하면 submit 받은 데이터가 없어서 어떻게 최근 검색어로 남..

이런 화면을 만들고자 하였다!! step1. 체크박스 전체선택 구현하기 - 단일 체크박스 두 개를 모두 체크하면, 전체선택 체크박스 체크 - 전체선택 체크박스를 체크하면, 단일 체크박스 두 개 모두 체크 [JavaScript]자바스크립트 체크 박스 선택,해제 시 버튼 활성화,비활성화(회원 가입,약관 동의) 예제 📖 들어가며 자바스크립트를 이용한 회원가입, 약관 동의 예제를 검색하면 jQuery를 이용한 예제가 많은데, 요즘에는 jQuery를 많이 사용하지 않는 추세이고, 순수 Vanilla 자바스크립트를 사용하며 yong-nyong.tistory.com ㄴ 이건 html, js로 만든 것이기 때문에 복붙으로 구현 되는 것 확인하고 코드만 꼼꼼히 읽고 패스 =3 다른 많은 글들을 읽었지만 나의 부족으로 이..

첫 번째 해냄은 이것! 나를 몇날 며칠 애타게 한 #리액트로 줄바꿈하기 .... 저기 아래 보이십니가? 'SNS로 로그인 및 회원가입 시 CON의 이용약관과 개인정보 수집 및 이용에 동의한 것으로 간주합니다.' 를 주목해주세요...... 해냈습니다......ㅠㅠㅠㅠㅠ const JoinRule = () => { return( // 이용약관 동의 간주 {/* 이용약관 동의하러 들어가기 */} SNS로 로그인 및 회원가입 시 CON의 이용약관과 개인정보 수집 및 이용에 동의한 것으로 간주합니다. ) } export default JoinRule; 내용은 딱히 중요하지 않고, 안에 쓰니까 줄바꿈 되더라.... 다들 return 전에 줄바꿈하고 싶은 곳에 \n 쓴 것으로 const 로 정의하고, css에서 wh..