# mini project

33개의 포스트
post-thumbnail

인스타그램 클론 코딩 후기 - Login Page

Login Page 레이아웃 구현id, pw 입력 시 로그인 버튼 활성화id에 '@' 포함, pw는 5글자 이상시 로그인 성공클론 코딩을 하면서 생각이 들었던 것은 백엔드와 협업해서 내가 만든 부분이 반응하는 것을 보고싶어졌다.How can I validate an e

2022년 7월 29일
·
1개의 댓글
·
post-thumbnail

[Mini-project] enemyRain 게임 구현

enemyRain 게임은 하늘에서 유령이 지속적으로 떨어지는 게임이다. 나는 유령을 피해야하고, 유령을 맞으면 생명력이 깎이게 되어, 모두 깎이면 게임이 종료되는 식으로 구현을 하였다.  javascript에서 keydown을 통해 무슨 키인지, 그때 히어로가 화면 범

2022년 7월 22일
·
0개의 댓글
·
post-thumbnail

[Mini-project] 자기소개 페이지 (4) 각 화면 구현

홈화면 부분완성favorite화면 부분완성졸려서 내일 수정함

2022년 7월 17일
·
0개의 댓글
·
post-thumbnail

[Mini-project] 자기소개 페이지 (3) 스크롤 버튼

상단에 있는 버튼을 누르면 그에 맞는 화면으로 스크롤 되는 기능이 필요하였다.따라서 scrollIntoVioew함수를 통해 구현하였다.네비바에 있는 화면 목록들에 link를 준다.그 후 각 섹션마다 id를 주었다.클릭시 쿼리를 받아와 해당 링크를 추출한 뒤에 그 값의

2022년 7월 17일
·
0개의 댓글
·
post-thumbnail

[Mini-project] 자기소개 페이지 (2) 틀 짜기

기본 설정하기네비바 상단 고정하기화면 배경 설정하기(색 조합은 color hunt에서 참고하였다.)

2022년 7월 17일
·
0개의 댓글
·
post-thumbnail

[Mini-project] 자기소개 페이지 (1) 구상

부트캠프 개강전, 처음에 미숙하게 끝내놨던 자기소개 페이지를 제대로 만들어보고자 했다.전체적인 틀배경색이 전체적으로 바뀌고, 나브바를 상단에 노출시키고 누르면 해당 페이지로 가게 되는, 그리고 팝업버튼도 하나 축하ㅏㄹ 생각이었다.개별 화면 컨셉 잡기총 화면은 4개의 화

2022년 7월 17일
·
0개의 댓글
·
post-thumbnail

미니 프로젝트: 당근잡기 게임2

사용한 기술 정리기능 함수 작성Canvas 맛보기, 정리자바스크립트 클래스, export 사용 정리Play 버튼 : 버튼 상태변경, 타이머, 카운터 세팅, 아이템 배치1) 타이머 : 게임 시작 시 디폴트 값에서 1초씩 감소2) 카운터 : 디폴트 카운트 값(당근카운트)에

2022년 5월 26일
·
0개의 댓글
·
post-thumbnail

미니 프로젝트 : 당근잡기 게임 1

당근잡기 게임 일정 기능, 데이터 별로 분류하여 큰 그림 잡기 사용한 기술 정리 Canvas 맛보기, 정리 커밋 메세지 작성법 살펴보기 기능 Play 버튼 : 버튼 상태변경, 타이머, 카운터 세팅, 아이템 배치 1) 타이머 : 게임 시작 시 디폴트 값에서 1초씩

2022년 5월 24일
·
0개의 댓글
·
post-thumbnail

[mini-project] 22.4.16 회고 (DAY-5)

일일회고 📌 scrum 22.4.16 >어제: Home 화면 만든 상태에서 백엔드와의 데이터 송수신처리 고민. // 오늘: Home ui ▶️ Home UI.. 끄적여 보았다.. 그리고 송수신 처리 고민은 아래 # Home 로직 에서.. ✔️ 오늘 한 일 Hom

2022년 4월 17일
·
0개의 댓글
·
post-thumbnail

[mini-project] 22.4.15 회고 (DAY-4)

일일회고 📌 scrum 22.4.15 > 어제: 로그인 완성, 인증 로직은 다 못했고, 디자인은 피그마 끄적여둿음 // 오늘: 화면 얼추 마감한 뒤에 서버랑 통신 로직도 맞출 예정.

2022년 4월 16일
·
0개의 댓글
·
post-thumbnail

YOLO Mini Project

Clothes Object Detection Mini Project

2022년 4월 15일
·
0개의 댓글
·
post-thumbnail

[mini-project] 22.4.14 회고 (DAY-3)

22.4.14 회의록어제: 기능연결, 로그인 back데이터 받아오기 정상적으로 됨. 상태관리 기능 연결은 마침. ⚠️issue 정상적으로는 되지만 state 문제가 있어서 왜 그런지 찾아볼 것. // 오늘 : 인증 페이지 화면을 만지려고 함. state로 들어올 때 {

2022년 4월 14일
·
0개의 댓글
·
post-thumbnail

[mini-project] 22.4.12-13 회고 (DAY-1, 2)

일일회고 📌 Scrum 22.4.12 scrum 회의록 >로그인이 기본 이메일 비번 방식에서 구글로만 하는 걸로 결정했음. 이에 따라 이전 프로젝트 코드를 이해하고자 분석했음. 프론트 분들에게 ⚠️ 이전 프로젝트 스켈레톤 코드에서 useContext 랑 useRe

2022년 4월 14일
·
0개의 댓글
·

당근게임 만들기 10

소리넣기 하던 중 백그라운드 배경음악을 깔고 게임에서 지거나 이기면 배경음이 멈춘다.여기까진 좋음.근데 게임을 재시작하면 배경음악이 처음부터 다시 재생되는 것이 아니라 아까 멈춘 그 지점부터 재생되는 것이다..?pause를 사용해서 그런가 싶어 end를 찾아봤는데 ,

2022년 1월 29일
·
0개의 댓글
·

당근게임 만들기 9

강의와 함께 기능 하나씩 만들어가며,, 드디어 마지막까지 달려왔다.이제 남은 기능은 소리 넣기📣강의를 완전히 보고 따라하지 않았고, 다음 만들 기능 소개 영상을 본 후 먼저 구현해보고 강의를 들었다.분명 마지막에 확인했을 때는 첫 시작, 재 시작, 벌레 잡기, 당근

2022년 1월 29일
·
0개의 댓글
·

당근게임 만들기 8

당근과 벌레를 잡으면 일어나는 각 이벤트를 완성했다.정말 장족의 발전이 아닐 수 가 없다. 저번 버그 코드에다 버그를 잡으면 타이머를 멈추는 기능도 추가해주었다.이제 당근을 하나 씩 잡을 때마다 당근 개수 스코어를 하나 씩 내리고 싶은데.. 하나 내리는데만 성공했다.

2022년 1월 26일
·
0개의 댓글
·
post-thumbnail

당근게임 만들기 7

거의 끝나간다!refresh버튼 누르면 게임 재시작하기당근 잡으면 사라지기버그 잡으면 lose 팝업 창 띄우기당근 잡을 때마다 카운트 숫자 내리기이 중에서 2, 3번을 해결했다.저렇게 for문을 돌리는 건 안좋다고 배웠는데.. 당장 다른건 생각이 안남 ㅎㅎcarrot모

2022년 1월 25일
·
0개의 댓글
·
post-thumbnail

당근게임 만들기 6

게임이 시작된 상태에서 멈춤버튼을 누르면 타이머가 정지되고, 팝업 창띄우기 구현했다.이번은 뭔가 너무 쉽게 진행되어서😳 얼른 글 정리 하고 강의 들으러가봐야겠다.stopGame함수에 stopTimer, showPopup 두 함수를 넣었다.그리고 각 함수를 만들어줌.타

2022년 1월 25일
·
0개의 댓글
·

당근게임 만들기 5

타이머를 만드는 방식..내가 만든 타이머이다.변수 i를 설정해 5를 할당하고, 인터벌 api를 이용해 i의 숫자를 하나씩 줄여가는 방법으로 타이머 카운트를 표현했다. 그리고 타이머에서 innerHTML을 사용하여 i를 html에도 나타내기.i를 하나씩 줄이다가 0보다

2022년 1월 25일
·
0개의 댓글
·

project concept summary

\*\*Theme: Ecoenergy\*\*환경에 대해 조금 더 친숙하게 생각하고, 흔히 찾기도 어려운 전기차 충전소의 장소를 간단한 동, 구의 입력만으로도 어디에 있는지 검색하고, 그곳의 리뷰들은 어떠한지 직접적으로 작성해 보세요\*\*2021.09/13 ~ 09/

2022년 1월 25일
·
0개의 댓글
·