StartCoriny의 개발일지

CODE : RED 여러 재난 상황이나 평소 위험한 상황에 대해서도 대처가 가능한 솔루션을 제공하기 위한 서비스  CODE:RED coderedbox.com 구성원BE 5명 / 리더아키텍처 KPT  회고..최종 프로젝트가 끝났다.약 한달간의 긴 프로젝트였는데좋았던 점도 분명 많았지만가장 아쉬움이 많이 남는 프로젝트 인것 같기도 하다. 일단 가장 큰 아쉬움은 리더로서의 역할을 내가 과연 잘 했는가 이다.뭔가 좀더 아는것도 많았으면 했고 팀원이 모르는것을 물어보면 확실하게 답해주고 싶었고좀더 확실하고 깔끔하게 팀프로젝트를 운영하고 싶었다. 하지만 팀 협업 하는 과정에서 오히려 내가 새로 배웠던 협업 툴같은 새로운 것들도 많이 배웠고마음처럼 잘 활용하지를 못하니까 답답해지는 것도 있었다. 또한 새로운 기술을 ..

해당 프로젝트에서 내가 받은 부분은 칸반보드의 보드 부분과 자동화 배포를 위한 CI / CD부분이였다. 이번 프로젝트는 팀원들은 너무 잘 만났지만 잘 만남으로 인해 스스로에 대해 굉장히 아쉬운게 많았던 프로젝트였다. 프로젝트에 대해 구현해야했던 부분을 잘 못 이해하여 기능을 빠트려서 구현을 하고 CI / CD로 넘어간점. 스스로에 대한 부족한 이해와 구현으로 인해 CI / CD를 공부함에 있어서도 계속해서 맡은 부분을 수정해야하니 공부에 대한 집중도도 떨어질 뿐더러 몰입을 할수가 없었다. 그렇게 기능구현하고 테스트하고 PR을 하게 된다면 잠깐의 쉬는 시간을 가지면서 또 CI / CD공부를 미루게 되고.. 이 과정을 좀 2번정도 반복을 했던것 같다. 맡은 기능 부분을 빠르게 완성을 하고 CI / CD를 하..

현재 프로젝트에는 리액트로 간단한 프론트까지 포함되어 있다. + CICD 파이프라인에 대해서 이해도가 완벽하지 않았어서 약 이틀동안 많은 시행착오를 거쳤다. 1. 특별한 조건을 주지 않는이상 예를들어 특정이벤트에만 작동하도록 한다거나 특정브랜치에서만 작동은 한다거나의 작업이 있지 않는이상은 크게 변화를 주지않은것 같아서 기본에만 충실하고자 기본 기능만 적용을 했었다. 그 작업코드가 name: Illjaler Deployment on: workflow_dispatch: push: # push이벤트가 발생하면서 브랜치가 main일 경우와, branches: [main] pull_request: # pull_request이벤트가 발생하면서 브랜치가 main | dev 인 경우에 workflow가 실행. bra..

프로젝트 소개 Bingle Movie Bingle Movie 프로젝트란? 영화api를 활용하여 간단하게 영화의 리뷰를 작성하여 의견을 작성하고시각적인 즐거움을 경험할수 있도록 구현 하였습니다. 사용자에게 인상깊은 ux를 주기 위하여 화려한 효과들을 주어 기억에 남는 페이지를 구현 하고자 만든 프로젝트입니다. 진행 과정 바닐라 자바스크립트를 사용하여 전부 구현하였습니다. 또한 three.js를 사용하여 3D이미지를 입체적으로 볼수 있도록하여 보는 즐거움이 있도록 하였으며 TMDB API를 사용하여 영화 목록을 가져와서 정렬하고 보여지도록 하였습니다. localStorage를 사용하여 리뷰를 저장하고 새로고침해도 사라지지 않도록 하였습니다. KPT KEEP - 좋았던점 PROBLEM - 아쉬웠던 점 TRY ..

프로젝트 소개 I - FIVE 우리 3조를 소개합니다! startcoriny.github.io I - FIVE 프로젝트란? I들이 5명 모여 팀원들을 소개하고 팀을 소개하며 여러 사람들의 응원메세지를 받아보고자 만든 프로젝트입니다. 처음 웹서비스를 만들고 배포하는 것이 처음이라 많은 아쉬움이 남지만 이번 아쉬움을 기회로 삼아 다음에는 같은 아쉬움을 남기지 않게 하기위해 작성해봅니다. 진행과정 부트 스트랩을 활용하여 전반적인 메인 페이지를 구현하였으며 자바스크립트와 NODE.JS를 활용하여 로그인 기능과 파이어스토어를 활용하여 응원메세지와 TODOLIST를 작성할수 있게 하였습니다. KPT KEEP - 좋았던점 • 코드리뷰를 계속 이어나가자! - 각자 작성한 코드를 설명할 때에 배우는 점이 많기 때문 • ..

개인 페이지의 모달 창 작성 부트 스트랩을 사용해서 모달창을 작성하기 부트스트랩 링크 : https://getbootstrap.com/ 부트 스트랩을 사용 하는 법을 두루뭉실하게만 알아서 대충 복사 붙여 넣기만 하면 되는거아니야? 라는 생각으로 시작했습니다. 모달 기능을 사용하기위해 사이드바쪽에 모달을 선택한 후 이 기능 사용해야지 하고 들어가보니 코드가 없었습니다.. 뭐지 싶어서 위 설명을 보니 .modal-dialog 에 .modal-dialog-scrollable을 추가 해야한다고 합니다. 코드는..? 하면서 위에부터 천천히 읽고 내려오니 그 위쪽에 있는 모달 창중에 하나를 선택해서 사용 하는 거였습니다. 당연한걸 자만하다가 놓친거였습니다. 그렇게 코드를 다 가져와서 클래스를 추가한후 버튼을 클릭하..