프로젝트 GCP 프로젝트의 개념이란? 먼저 만들지만 뭐지? 프로젝트에서만 서비스를 사용할 수 있습니까? 프로젝트란? GCP에서 사용하는 모든 리소스는 프로젝트에 연결됩니다. 프로젝트 단위로 과금이나 사용자 관리를 한다는 것입니다. 프로젝트는 여러 개 만들 수 있습니다. 프로젝트 만들기 새 프로젝트 만들기 오른쪽 상단 新しいプロジェクト 프로젝트 설정 설명 프로젝트 이름과 위치를 기재하여 작성합니다. 프로젝트를 만들 수 있습니다 프... 초보자프로젝트gcp [Docker] - 젠킨스 CI/CD (2) - 실습 📖 젠킨스 서버(컨테이너)환경 및 Jobs 구성 요약 Jenkins Version : Jenkins 2.332.2 (Docker Img : jenkins/jenkins:lts - ) Installed App : Docker version 20.10.14, build a224086 -Jenkins Jobs- Build Trigger : GitHub hook trigger for GITScm p... jenkinsCI/CD프로젝트dockerCI/CD JpaSystemException이 뭐야..? 걸음수에 따른 각 학교별 유저의 랭킹을 매번 조회하기에는 성능 저하가 크기 때문에 일정 간격으로 유저의 랭킹을 데이터베이스에 저장시키는 작업을 한다. 그 중에서도 데이터베이스에 좀 더 초점을 맞췄기 때문에 IdClass를 이용해 복합키를 표현했다. UserRank.java UserRankId.java 이런식으로 JPA에서 제공하는 메소드 쿼리를 이용해 유저 랭킹을 조회한다. 직접 postma... Javaback endSpring bootexception프로젝트trouble shootingJPAJPA 너 쌩배지(리그오브레전드 닷지 경보기) 작성일지 - 6 하지만 공식적으로 제공하는 asset들은 다소 한정적이고, 비공식적으로 거의 모든 asset들을 이용할 수 있는 Community Dragon같은 사이트들이 있다. 디자인에는 영 감각이 없다는걸 자각하고있지만...ㅋㅋ 오버레이 화면 작업전에 일단 기본 페이지부터 작업하고 있다. 미완성이지만 롤 클라이언트 실행시 다음과 같은 홈화면을 볼 수 있다. 플레이어의 위험지수를 나타내는 알고리즘을 사용... typescriptelectronRIOT API프로젝트LCUReactoverlayLCU 첫 번째 프로젝트(2주) - DebugNote 개발 중에 마주하는 Error를 Markdown 형식으로 작성하고 공유할 수 있는 커뮤니티 서비스 Error 해결 과정을 Markdown형식으로 기록하고, 조회할 수 있습니다. 게시물에 댓글을 달고 유저들과 소통할 수 있습니다. 제목 또는 내용을 검색하여 원하는 게시물을 찾아볼 수 있습니다. 도움이 되는 게시물을 북마크하고, Mypage에서 모아볼 수 있습니다. (+ 게시물 목록은 10개씩 ... 프로젝트프로젝트 [JavaScript] 구글 스프레드시트 API를 DB로 사용해서 해시태그를 만들어주는 사이트 만들기 그래서 나는 개발 공부를 해야겠다고 마음 먹을 때, 개인 프로젝트를 진행하는 편이다. 완성했을 때 성취감도 느낄 수 있어서 나에게 더욱 잘 맞는 공부 방법이다. 친구는 해시태그를 할 때 매번 키워드를 찾아서 하나하나 입력하는 업무가 반복적이고 힘들다고 했고 마침 자바스크립트를 공부하고 있었기 때문에 반복 업무를 줄여 주겠다는 당찬 포부를 갖고 사이트를 만들기로 했다. 사용자의 접근성을 쉽게 ... jqueryJavaScript프로젝트JavaScript Netflix 프로젝트 또한 여러개의 서버를 구축하게 되어도 하나의 데이터베이스를 공유해서 사용할 수 있다는 점에서 데이터베이스를 분리시키고 RDS 를 이용하였습니다. 회원 가입 단계 조회 전체 회원 조회 또는 membership으로 검색 조회 회원 조회 로그인 Jwt 로그인 로그아웃 회원 개별,목록 조회 비디오(Video) 콘텐츠 목록 조회 TOP 10 콘텐츠 목록 조회 내가 찜한 콘텐츠 목록 조회 인기 콘텐츠 ... 프로젝트프로젝트 1_1)프로젝트 설계 TDD 적용기 TDD란 Test Driven Development 즉, '테스트 주도 개발'이라고 한다. 반복 테스트를 이용한 소프트웨어 방법론으로, 작은 단위의 테스트 케이스를 작성하고 이를 통과하는 코드를 추가하는 단계를 반복하여 구현한다. 보통의 개발 방식은 요구사항 분석 -> 설계 -> 개발 -> 테스트 -> 배포의 형태의 개발 주기를 갖지만 이는 큰 문제점을 내포하고 있다. 테스트 위주로 개발하다... 프로젝트프로젝트 [Jest][유닛 테스트] (2) 테스트 코드로 디버깅해보자! 예약 날짜 비활성화 오류, 테스트 코드로 해결하기 상황에 따라 예상치 못한 오류가 있을 수 있는 부분이라고 생각했고, 이 참에 아예 테스트를 작성한 뒤 명확하게 로직 자체를 검사해가면서 확실하게 의도한 대로 동작하도록 만들어보기로 결심했다. 예약 기간 선택 시 예약 불가 날짜를 포함할 수 없음 하지만 아래와 같이 해당 날짜를 포함해 예약 기간을 선택할 수는 있기 때문에, 이 부분을 별도로 로직을 추가해주어야 했다. 그래서 체크인 날짜를 선택... 유닛테스트프로젝트unit testunit리액트스테이메모리테스트숙박플랫폼testtest DB설계 - Mulcam_Proj ( ELCAR ) ERD-Cloud를 통한 DB설계를 진행하였다. 지도 API와 관련한 DB설계는 진행중.. [ ELCAR DB설계 ]... 프로젝트프로젝트 Kartrider_Meta_Analysis_Project (Result) Topic : 카트라이더 Open API를 이용하여 v1엔진의 레전드 카트가 출시되기 전후의 메타를 분석하고 정보에 따른 승률을 예측하는 프로젝트 카트라이더 공식 Open API를 이용하여 데이터셋을 만든다. 위의 이미지를 참고바란다. 7) matchRank : 0은 강제종료를 의미 (일부 행 제거) 1) matchResult, matchWin : target에 직접적 영향을 줌 위의 그래프... 카트라이더AI부트캠프11기코드스테이츠프로젝트AI부트캠프11기 너 쌩배지(리그오브레전드 닷지 경보기) 작성일지 - 5 Ready컴포넌트는 롤 클라이언트가 실행중이 아닐 때 메인페이지로, 기본적으로는 롤 클라이언트가 실행되면 자동으로 제거되게 하였으나, 롤 클라이언트 실행 중 유저들의 세부사항을 확인하고, 닷지 알람 알고리즘을 유저가 커스텀 할 수 있는 기능을 수행하기 위해 언제든 오픈할 수 있다. Main 프로세스에서 BrowserWindow객체의 titleBarStyle속성을 'hidden'으로 설정하고,... 프로젝트typescriptelectronLCURIOT APIReactoverlayLCU 위스타그램 (1) 아이디와 비밀번호 input value 를 저장할 state를 선언 → input이 2개라고해서 state를 따로 선언하는 것이 아니라 객체 형식으로 초기값 지정해서 관리하며 잊지말고 input의 속성값 value에 넣어준다. <input>에서 onChange 발생 시 handleInput 함수 발생 → 이벤트 타겟인 input을 속성값인 name과 value를 구조분해할당 → 리렌더링 발생... 프로젝트프로젝트 [ Project - 완성 ] 포트폴리오 공유 사이트 제작기 검색 기능은 Mongoose ODM을 사용하여 사용자의 이름, 기술 스택에서 검색어가 존재하는지 정규표현식을 통해 대소문자 구분 없이 검색이 가능하게 하였다. 이미지 업로드 기능은 Multer를 사용하여 구현하였다. 비밀번호 찾기 기능은 nodemailer 모듈을 사용하여 구현하였다. 딱 봤을 때 코드 길이가 줄어들지 않아서 어디가 간편하고 좋은지 모를 수 있지만 딱 코드만 보고도 어느 값이... 프로젝트expressjsmongodbNodemongooseNode [프로젝트 회고] - TwoSpoon 이를 통해 제가 작업한 부분에서 빠뜨린 부분이 있으면 체크할 수 있었습니다. Next.js를 처음 배우면서 담당한 컴포넌트를 마이그레이션 하는 과정에서 여러 에러들을 많이 볼 수 있었습니다. 이 경우, 기존 스타일링은 img태그 자체에 해주고 있었는데 next의 image태그는 스타일링을 그 태그에 직접 할 수 없고, 이를 감싸는 wrapper를 만들어 그곳에 스타일링을 해주어야한다는 사실을... 프로젝트회고TwoSpoonTwoSpoon 위치 검색 지도 앱 주요 기능 POI 기능 사용해 retrofit을 통해 가져온 response 바디를 Gson으로 파싱해서 사용 검색화면에서 받아왔던 데이터를 intent로 넘겨받아 GoogleMap을 통해 마커로 지도 위치 표현 본인의 위치 데이터를 POI API를 통해 현재 내 위치 정보를 가져와 Gson으로 파싱해 데이터를 다시 한 번 마커를 통해 뿌려줌 사용 기술 GoogleMap poi Corouti... 프로젝트android코틀린android dbcTemplate - SQL Injection 위험 ❗️JdbcTemplate을 사용하며 발생할 수 있는 SQL Injection 위험 문제와 방지에 관하여∙∙∙ SQL Injection 이란? SQL Injection SQL 인젝션은 SQL의 문법을 이용해 데이터베이스의 데이터를 읽거나 수정 또는 원래 쿼리의 의미를 손상시킬 수 있다. 응용 프로그램 보안 상의 허점을 의도적으로 이용해, 악의적인 SQL문을 실행되게 함으로써 데이터베이스를 비... 프로젝트JDBCTemplateJDBCTemplate 프로젝트 #1 | Motivation_Diary #2 - TODAY I LEARN ERROR 🦠 오늘 마주한 문제점 이번 프로젝트에서 우리 팀이 맡은 사이트는 이다. 나는 그 중에서 메인 페이지를 담당하게 되었고, 호기롭게 코딩을 시작하여서 기본형태까지는 비교적 빠르게 만들었다. 그다음에 구현해야할 부분은 이미지들이 스크롤 위치에 따라 변화하는 부분이었다. - HOW TO FIX MY ERROR 💊 ERROR를 해결한 KEYWORD 🔑 일단 최... TIL개발일지프로젝트WeCodeTIL 1st 미니프로젝트 설명(전은규) 프로젝트 이름 : 오늘의 칼로리 자신이 먹은 음식에대한 칼로리 계산, 관리 다이어트와 건강관리가 용이한 사이트를 만드는 것이 목표 대표 기능: 로그인,회원가입, 음식사진등록,전체 음식사진 리스트업, 마이프로필 등록,내가 올린 음식사진만 리스트업, 일별로 내가 올린음식 칼로리의 합 계산 내가 맡은 부분 profile 마이페이지 부분 @app.route('/profile') 프로필 페이지 띄움 ... 프로젝트프로젝트 👉포스메뉴 개수 변경 정말로 프로젝트하면서 이부분을 하면서 아주 고통스러웠던 기억이지만, 이상하게 글을 작성하는 지금도 선명하다. 목적: 갯수를 변경했을 때 주문개수와 결제금액이 변경한 값이 들어가야된다. 그렇게 하기 위해서는 처음에 입력 되있는 개수 값을 담을 수만 있다면 처리 할 수 있다. 하지만 내가 개수를 클릭하게 되면 내가 변경한 값에서만 담을 수 있었지, 그전 값을 담는 데 계속 실패했다. 그렇게 3시... 스프링프로젝트블루보틀블루보틀 1027 update 오랫만에 이것저것 건드려봐서 업뎃 📊 컬러 인덱스 색인 모달 추가 토글로 해보려다가 토글은 뭔가 class 추가 제거인데 div를 아예 추가해줘야 해서 다른 모달처럼 그냥 display:block none으로 가고 모달 바깥 영역을 클릭하면 모달 종료되게 해달래서 수정하다가 오 이벤트 버블링 만나벌임;; 어제 저녁부터 해결해보려다가 ㅎㅎ modal 바깥에 layer 한겹 만들어주고 layer... 프로젝트프로젝트 145일차 - 프로젝트 26일차 Redux작업을 거의다 마쳤고, Order페이지와 헤더의 변화를 주었다. 삭품이 얼마나 담겨있는지 시각적으로 보여주고, 상품이 없을때 오류가 난것처럼 보이지 않게 화면에 보여준다. 처음으로 프로젝트를 진행하면서 정규표현식을 사용했고, 유용해서 프로젝트가 끝난 후 더 공부해야겠다는 생각이 들었다. 오늘은 어떻게 프로젝트에 기여했나요? 장바구니 동적랜더링 완료 장바구니에 자동적으로 TotalPr... 프로젝트프로그래밍프로그래밍 [공감병동 프로젝트] Fake Data 공감병동 프로젝트는 사용자들이 글을 작성해 주어야하는 SNS적 성격이 강한 웹사이트이기 때문에 seed data를 어떻게 넣을지 고민이 많았다. 특히 진료과별로 카테고리가 너무 많았어서 직접 작성해주기엔 한계가 너무 명확했다. 그러다 fake.js를 찾게 되었고, 이를 적용해 보기로 하였다. npm i faker 이번 프로젝트에서 Fake Data는 아래의 총 세 분야에서 사용하게 되었다. ... 프로젝트프로젝트 Mock data / map fetch 파일은 하나의 useEffect에 적어도 됩니다. 반드시 작성해야합니다. Component의 이름을 작성하고 useState를 작성해야합니다. useState뒤에 있는 게 초기값입니다. 맨 앞에 있는 값이 input 값입니다. 그래서 잘 써야합니다. state는 직접적으로 값을 바꾸면 안됩니다. 바뀐건지 안바뀐건지 모르기 때문에 원본은 건들이면 안됩니다. pw라고 쓰지말고 pass... React프로젝트React 스파르타코딩클럽 메이킹챌린지 개발일지_2( github오류해결) 메이킹 챌린지에서 가장 많이 부딪힌 부분은 GITHUB였다.. 다른 분들은 다 잘되는데 나는 왜그럴까ㅠㅠ 결국 팀장님이 나의 코드를 복붙해주셔서 깃허브에 대신 올려주셨다 (감사합니다👍) git init -> git checkout -b frontend-min -> git add . -> git commit -m "commit" -> git push origin frontend-min(나의 브... 개발일지프로젝트스파르타코딩클럽깃허브개발일지
GCP 프로젝트의 개념이란? 먼저 만들지만 뭐지? 프로젝트에서만 서비스를 사용할 수 있습니까? 프로젝트란? GCP에서 사용하는 모든 리소스는 프로젝트에 연결됩니다. 프로젝트 단위로 과금이나 사용자 관리를 한다는 것입니다. 프로젝트는 여러 개 만들 수 있습니다. 프로젝트 만들기 새 프로젝트 만들기 오른쪽 상단 新しいプロジェクト 프로젝트 설정 설명 프로젝트 이름과 위치를 기재하여 작성합니다. 프로젝트를 만들 수 있습니다 프... 초보자프로젝트gcp [Docker] - 젠킨스 CI/CD (2) - 실습 📖 젠킨스 서버(컨테이너)환경 및 Jobs 구성 요약 Jenkins Version : Jenkins 2.332.2 (Docker Img : jenkins/jenkins:lts - ) Installed App : Docker version 20.10.14, build a224086 -Jenkins Jobs- Build Trigger : GitHub hook trigger for GITScm p... jenkinsCI/CD프로젝트dockerCI/CD JpaSystemException이 뭐야..? 걸음수에 따른 각 학교별 유저의 랭킹을 매번 조회하기에는 성능 저하가 크기 때문에 일정 간격으로 유저의 랭킹을 데이터베이스에 저장시키는 작업을 한다. 그 중에서도 데이터베이스에 좀 더 초점을 맞췄기 때문에 IdClass를 이용해 복합키를 표현했다. UserRank.java UserRankId.java 이런식으로 JPA에서 제공하는 메소드 쿼리를 이용해 유저 랭킹을 조회한다. 직접 postma... Javaback endSpring bootexception프로젝트trouble shootingJPAJPA 너 쌩배지(리그오브레전드 닷지 경보기) 작성일지 - 6 하지만 공식적으로 제공하는 asset들은 다소 한정적이고, 비공식적으로 거의 모든 asset들을 이용할 수 있는 Community Dragon같은 사이트들이 있다. 디자인에는 영 감각이 없다는걸 자각하고있지만...ㅋㅋ 오버레이 화면 작업전에 일단 기본 페이지부터 작업하고 있다. 미완성이지만 롤 클라이언트 실행시 다음과 같은 홈화면을 볼 수 있다. 플레이어의 위험지수를 나타내는 알고리즘을 사용... typescriptelectronRIOT API프로젝트LCUReactoverlayLCU 첫 번째 프로젝트(2주) - DebugNote 개발 중에 마주하는 Error를 Markdown 형식으로 작성하고 공유할 수 있는 커뮤니티 서비스 Error 해결 과정을 Markdown형식으로 기록하고, 조회할 수 있습니다. 게시물에 댓글을 달고 유저들과 소통할 수 있습니다. 제목 또는 내용을 검색하여 원하는 게시물을 찾아볼 수 있습니다. 도움이 되는 게시물을 북마크하고, Mypage에서 모아볼 수 있습니다. (+ 게시물 목록은 10개씩 ... 프로젝트프로젝트 [JavaScript] 구글 스프레드시트 API를 DB로 사용해서 해시태그를 만들어주는 사이트 만들기 그래서 나는 개발 공부를 해야겠다고 마음 먹을 때, 개인 프로젝트를 진행하는 편이다. 완성했을 때 성취감도 느낄 수 있어서 나에게 더욱 잘 맞는 공부 방법이다. 친구는 해시태그를 할 때 매번 키워드를 찾아서 하나하나 입력하는 업무가 반복적이고 힘들다고 했고 마침 자바스크립트를 공부하고 있었기 때문에 반복 업무를 줄여 주겠다는 당찬 포부를 갖고 사이트를 만들기로 했다. 사용자의 접근성을 쉽게 ... jqueryJavaScript프로젝트JavaScript Netflix 프로젝트 또한 여러개의 서버를 구축하게 되어도 하나의 데이터베이스를 공유해서 사용할 수 있다는 점에서 데이터베이스를 분리시키고 RDS 를 이용하였습니다. 회원 가입 단계 조회 전체 회원 조회 또는 membership으로 검색 조회 회원 조회 로그인 Jwt 로그인 로그아웃 회원 개별,목록 조회 비디오(Video) 콘텐츠 목록 조회 TOP 10 콘텐츠 목록 조회 내가 찜한 콘텐츠 목록 조회 인기 콘텐츠 ... 프로젝트프로젝트 1_1)프로젝트 설계 TDD 적용기 TDD란 Test Driven Development 즉, '테스트 주도 개발'이라고 한다. 반복 테스트를 이용한 소프트웨어 방법론으로, 작은 단위의 테스트 케이스를 작성하고 이를 통과하는 코드를 추가하는 단계를 반복하여 구현한다. 보통의 개발 방식은 요구사항 분석 -> 설계 -> 개발 -> 테스트 -> 배포의 형태의 개발 주기를 갖지만 이는 큰 문제점을 내포하고 있다. 테스트 위주로 개발하다... 프로젝트프로젝트 [Jest][유닛 테스트] (2) 테스트 코드로 디버깅해보자! 예약 날짜 비활성화 오류, 테스트 코드로 해결하기 상황에 따라 예상치 못한 오류가 있을 수 있는 부분이라고 생각했고, 이 참에 아예 테스트를 작성한 뒤 명확하게 로직 자체를 검사해가면서 확실하게 의도한 대로 동작하도록 만들어보기로 결심했다. 예약 기간 선택 시 예약 불가 날짜를 포함할 수 없음 하지만 아래와 같이 해당 날짜를 포함해 예약 기간을 선택할 수는 있기 때문에, 이 부분을 별도로 로직을 추가해주어야 했다. 그래서 체크인 날짜를 선택... 유닛테스트프로젝트unit testunit리액트스테이메모리테스트숙박플랫폼testtest DB설계 - Mulcam_Proj ( ELCAR ) ERD-Cloud를 통한 DB설계를 진행하였다. 지도 API와 관련한 DB설계는 진행중.. [ ELCAR DB설계 ]... 프로젝트프로젝트 Kartrider_Meta_Analysis_Project (Result) Topic : 카트라이더 Open API를 이용하여 v1엔진의 레전드 카트가 출시되기 전후의 메타를 분석하고 정보에 따른 승률을 예측하는 프로젝트 카트라이더 공식 Open API를 이용하여 데이터셋을 만든다. 위의 이미지를 참고바란다. 7) matchRank : 0은 강제종료를 의미 (일부 행 제거) 1) matchResult, matchWin : target에 직접적 영향을 줌 위의 그래프... 카트라이더AI부트캠프11기코드스테이츠프로젝트AI부트캠프11기 너 쌩배지(리그오브레전드 닷지 경보기) 작성일지 - 5 Ready컴포넌트는 롤 클라이언트가 실행중이 아닐 때 메인페이지로, 기본적으로는 롤 클라이언트가 실행되면 자동으로 제거되게 하였으나, 롤 클라이언트 실행 중 유저들의 세부사항을 확인하고, 닷지 알람 알고리즘을 유저가 커스텀 할 수 있는 기능을 수행하기 위해 언제든 오픈할 수 있다. Main 프로세스에서 BrowserWindow객체의 titleBarStyle속성을 'hidden'으로 설정하고,... 프로젝트typescriptelectronLCURIOT APIReactoverlayLCU 위스타그램 (1) 아이디와 비밀번호 input value 를 저장할 state를 선언 → input이 2개라고해서 state를 따로 선언하는 것이 아니라 객체 형식으로 초기값 지정해서 관리하며 잊지말고 input의 속성값 value에 넣어준다. <input>에서 onChange 발생 시 handleInput 함수 발생 → 이벤트 타겟인 input을 속성값인 name과 value를 구조분해할당 → 리렌더링 발생... 프로젝트프로젝트 [ Project - 완성 ] 포트폴리오 공유 사이트 제작기 검색 기능은 Mongoose ODM을 사용하여 사용자의 이름, 기술 스택에서 검색어가 존재하는지 정규표현식을 통해 대소문자 구분 없이 검색이 가능하게 하였다. 이미지 업로드 기능은 Multer를 사용하여 구현하였다. 비밀번호 찾기 기능은 nodemailer 모듈을 사용하여 구현하였다. 딱 봤을 때 코드 길이가 줄어들지 않아서 어디가 간편하고 좋은지 모를 수 있지만 딱 코드만 보고도 어느 값이... 프로젝트expressjsmongodbNodemongooseNode [프로젝트 회고] - TwoSpoon 이를 통해 제가 작업한 부분에서 빠뜨린 부분이 있으면 체크할 수 있었습니다. Next.js를 처음 배우면서 담당한 컴포넌트를 마이그레이션 하는 과정에서 여러 에러들을 많이 볼 수 있었습니다. 이 경우, 기존 스타일링은 img태그 자체에 해주고 있었는데 next의 image태그는 스타일링을 그 태그에 직접 할 수 없고, 이를 감싸는 wrapper를 만들어 그곳에 스타일링을 해주어야한다는 사실을... 프로젝트회고TwoSpoonTwoSpoon 위치 검색 지도 앱 주요 기능 POI 기능 사용해 retrofit을 통해 가져온 response 바디를 Gson으로 파싱해서 사용 검색화면에서 받아왔던 데이터를 intent로 넘겨받아 GoogleMap을 통해 마커로 지도 위치 표현 본인의 위치 데이터를 POI API를 통해 현재 내 위치 정보를 가져와 Gson으로 파싱해 데이터를 다시 한 번 마커를 통해 뿌려줌 사용 기술 GoogleMap poi Corouti... 프로젝트android코틀린android dbcTemplate - SQL Injection 위험 ❗️JdbcTemplate을 사용하며 발생할 수 있는 SQL Injection 위험 문제와 방지에 관하여∙∙∙ SQL Injection 이란? SQL Injection SQL 인젝션은 SQL의 문법을 이용해 데이터베이스의 데이터를 읽거나 수정 또는 원래 쿼리의 의미를 손상시킬 수 있다. 응용 프로그램 보안 상의 허점을 의도적으로 이용해, 악의적인 SQL문을 실행되게 함으로써 데이터베이스를 비... 프로젝트JDBCTemplateJDBCTemplate 프로젝트 #1 | Motivation_Diary #2 - TODAY I LEARN ERROR 🦠 오늘 마주한 문제점 이번 프로젝트에서 우리 팀이 맡은 사이트는 이다. 나는 그 중에서 메인 페이지를 담당하게 되었고, 호기롭게 코딩을 시작하여서 기본형태까지는 비교적 빠르게 만들었다. 그다음에 구현해야할 부분은 이미지들이 스크롤 위치에 따라 변화하는 부분이었다. - HOW TO FIX MY ERROR 💊 ERROR를 해결한 KEYWORD 🔑 일단 최... TIL개발일지프로젝트WeCodeTIL 1st 미니프로젝트 설명(전은규) 프로젝트 이름 : 오늘의 칼로리 자신이 먹은 음식에대한 칼로리 계산, 관리 다이어트와 건강관리가 용이한 사이트를 만드는 것이 목표 대표 기능: 로그인,회원가입, 음식사진등록,전체 음식사진 리스트업, 마이프로필 등록,내가 올린 음식사진만 리스트업, 일별로 내가 올린음식 칼로리의 합 계산 내가 맡은 부분 profile 마이페이지 부분 @app.route('/profile') 프로필 페이지 띄움 ... 프로젝트프로젝트 👉포스메뉴 개수 변경 정말로 프로젝트하면서 이부분을 하면서 아주 고통스러웠던 기억이지만, 이상하게 글을 작성하는 지금도 선명하다. 목적: 갯수를 변경했을 때 주문개수와 결제금액이 변경한 값이 들어가야된다. 그렇게 하기 위해서는 처음에 입력 되있는 개수 값을 담을 수만 있다면 처리 할 수 있다. 하지만 내가 개수를 클릭하게 되면 내가 변경한 값에서만 담을 수 있었지, 그전 값을 담는 데 계속 실패했다. 그렇게 3시... 스프링프로젝트블루보틀블루보틀 1027 update 오랫만에 이것저것 건드려봐서 업뎃 📊 컬러 인덱스 색인 모달 추가 토글로 해보려다가 토글은 뭔가 class 추가 제거인데 div를 아예 추가해줘야 해서 다른 모달처럼 그냥 display:block none으로 가고 모달 바깥 영역을 클릭하면 모달 종료되게 해달래서 수정하다가 오 이벤트 버블링 만나벌임;; 어제 저녁부터 해결해보려다가 ㅎㅎ modal 바깥에 layer 한겹 만들어주고 layer... 프로젝트프로젝트 145일차 - 프로젝트 26일차 Redux작업을 거의다 마쳤고, Order페이지와 헤더의 변화를 주었다. 삭품이 얼마나 담겨있는지 시각적으로 보여주고, 상품이 없을때 오류가 난것처럼 보이지 않게 화면에 보여준다. 처음으로 프로젝트를 진행하면서 정규표현식을 사용했고, 유용해서 프로젝트가 끝난 후 더 공부해야겠다는 생각이 들었다. 오늘은 어떻게 프로젝트에 기여했나요? 장바구니 동적랜더링 완료 장바구니에 자동적으로 TotalPr... 프로젝트프로그래밍프로그래밍 [공감병동 프로젝트] Fake Data 공감병동 프로젝트는 사용자들이 글을 작성해 주어야하는 SNS적 성격이 강한 웹사이트이기 때문에 seed data를 어떻게 넣을지 고민이 많았다. 특히 진료과별로 카테고리가 너무 많았어서 직접 작성해주기엔 한계가 너무 명확했다. 그러다 fake.js를 찾게 되었고, 이를 적용해 보기로 하였다. npm i faker 이번 프로젝트에서 Fake Data는 아래의 총 세 분야에서 사용하게 되었다. ... 프로젝트프로젝트 Mock data / map fetch 파일은 하나의 useEffect에 적어도 됩니다. 반드시 작성해야합니다. Component의 이름을 작성하고 useState를 작성해야합니다. useState뒤에 있는 게 초기값입니다. 맨 앞에 있는 값이 input 값입니다. 그래서 잘 써야합니다. state는 직접적으로 값을 바꾸면 안됩니다. 바뀐건지 안바뀐건지 모르기 때문에 원본은 건들이면 안됩니다. pw라고 쓰지말고 pass... React프로젝트React 스파르타코딩클럽 메이킹챌린지 개발일지_2( github오류해결) 메이킹 챌린지에서 가장 많이 부딪힌 부분은 GITHUB였다.. 다른 분들은 다 잘되는데 나는 왜그럴까ㅠㅠ 결국 팀장님이 나의 코드를 복붙해주셔서 깃허브에 대신 올려주셨다 (감사합니다👍) git init -> git checkout -b frontend-min -> git add . -> git commit -m "commit" -> git push origin frontend-min(나의 브... 개발일지프로젝트스파르타코딩클럽깃허브개발일지