# Toyproject

43개의 포스트

[Javascript Toy Project] Typing-Game

javascript를 이용하여 Typing-Game을 만들었습니다.

2021년 6월 11일
·
0개의 댓글
post-thumbnail

멋쟁이사자처럼 9기 지원자 웹 스크래핑 프로젝트 회고

해당 프로젝트는 링크를 참조해주세요.2021년 2월 말, 멋쟁이사자처럼 대학 전체 모집이 시작되었다.보면 볼수록 저 작은 사진 디자인 맘에든다.전국 대학교 멋쟁이사자처럼 동아리에서,같은 시기, 같은 시간에 학교 통합 지원으로 이루어진 사이트이다.해당 사이트를 통해 지원

2021년 5월 28일
·
0개의 댓글
post-thumbnail

포스팅용 첨부 이미지 생성기 - 3(완)

프로젝트 사이트css 적용 - 시멘틱 UI클립보드에 있는 컬러 값 적용기능설정 값 웹스토리지에 저장colorhunt나 2colors.colorion등 좋은 컬러값들을 보여주는 사이트등이 있습니다. 이러한 사이트에서는 컬러를 클립보드로 복사해주는 기능이 존재합니다.기존에

2021년 5월 26일
·
0개의 댓글

3. ToyProject Entity 생성

https://github.com/mizm/board-toy위의 레포지토리에 저장해두었습니다.jpa auditing을 위해 Jpaconfig 파일 생성BoardApplication에 어노테이션을 붙여도 되지만, 추후 테스트 때 entity를 로딩하는 테스트가

2021년 5월 11일
·
0개의 댓글
post-thumbnail

Toy Project 007 Instagram Main page clone with React(1)

1\. 여러 인스타그램 계정의 정보가 담긴 Mock data를 fetch로 불러오기2\. 사용자가 입력한 keyword 저장하기3\. Mock data 내의 user id 중 keyword를 포함한 계정만 사용자에게 보여주기이 한 가지 기능을 구현하기 위해서는 다양한

2021년 5월 8일
·
0개의 댓글
post-thumbnail

Toy Project 006 Instagram Login page clone with React

📝 또 한번 배움의 기쁨을 느꼈던 순간이다. 이것을 구현하기 위해 정규표현식을 새로 공부하였기 때문이다. TIL015\_정규표현식에도 기록했듯이 어려워만 보였던 정규표현식을 공부하고 나니 여러 문자열 조건들을 간단하게 표현할 수 있는 방법이 생긴것이다. 앞으로도 va

2021년 5월 8일
·
0개의 댓글
post-thumbnail

토이프로젝트 협업을 진행해 보면서

최근 부쩍 바빠진 이유가 일은 일대로 하면서 이직 준비와 토이 프로젝트 두 가지를 실시하고 있어서이다.불평을 하는 것은 아니다.단지 조금 더 시간을 어디에 쏟아야할지 고민을 하고 있기 때문이다.처음에는 당연히 이직이 먼저라고 생각이 되어서 우리나라 전통의 방식(?) 대

2021년 5월 2일
·
0개의 댓글

[자바스크립트] Porsche 메인페이지 구현

포르쉐 메인페이지를 구현해 보았다. 생각보다 디테일한 요소가 많아 미스치프 사이트보다 어려운 점이 있었고 html 구조를 꼼꼼히 구성해야 했다. 구현영상을 먼저 보고 코드 리뷰를 할 예정이다. 구현영상 .gif) >#### 구성요소 html 코드 css 코드

2021년 4월 27일
·
0개의 댓글
post-thumbnail

[자바스크립트] mischief 상품 상세페이지 &전체 구현영상

상품 상세페이지를 구현해 보았다.overflow hidden 을 통해 전체 이미지를 저장한후 화면을 넘어가는 이미지는 안보이게 설정하였다.이미지 슬라이드에서 이미지를 한번 누를때마다 left 값을 변경하여 overflow hidden으로 숨긴 페이지들을 버튼을 클릭하면

2021년 4월 12일
·
0개의 댓글
post-thumbnail

[자바스크립트] mischief 아웃터 페이지

미스치프 아웃터 페이지를 구현해 보았다.이미지에 마우스를 올리면 이번에는 css로 opacity 값을 바꿔줄 수 있도록 하였다.이미지에 마우스를 올리면 이미지가 바뀌고 이미지에서 마우스 밖으로 나가면 원래 이미지로 바꾸도록 구성하였다.

2021년 4월 12일
·
0개의 댓글
post-thumbnail

[자바스크립트] mischief 로그인 페이지

이번에는 미스치프 로그인 페이지 구현을 보여줄려고 한다.check 박스는 디자인을 할 수 없어서 check박스를 none로 만들고 이미지를 넣어 체크를 하면 이미지가 보이게 만들었다. 그리고 메뉴 텍스트에 마우스를 올리면 underline이 나오게 구성 하였다.체크박스

2021년 4월 12일
·
0개의 댓글

[자바스크립트] mischief 메인페이지 클론

2주간 벨로그 업로드가 없었던 이유는 2주를 기간을 잡고 미스치프 사이트를 클론코딩해 보았다.사용 언어는 html , css , javascript로만 구성하여 만들었고 원래 있던 사이트 코드를 따라서 구성한게 아닌 보여지는 화면만을 가져와 나의 순수한 코드로 만들어

2021년 4월 12일
·
0개의 댓글
post-thumbnail

포스팅용 첨부 이미지 생성기 - 2

.png) >프로젝트 사이트 이번에는 이 프로젝트에서 사용중인 git 브랜치 전략과 구현한 기능들에 대해서 정리하려 합니다. git 브랜치 전략 저는 git-flow 전략을 참고하여, master, develop, feature 브랜치만을 운영하기로 하였습니다.

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

Toy Project 03 Todolist 만들기

발자국을 남기며 내려가는 곰돌이 리스트 🐻

2021년 3월 31일
·
0개의 댓글
post-thumbnail

Toy Project 02 시계 만들기

DIY가 가능한 작은 시계를 만들어보았다✌️

2021년 3월 30일
·
2개의 댓글

[자바스크립트] 가위바위보

가위바위보 게임을 만들어 보았다. 이미지는 이미지스프라이트와 객체 딕션너리를 이용해 보았다. 그리고 다양한 객체들을 이용하여 시간차를 조절해 보았다.이미지 스프라이트를 사용하기 위해 우선 이미지 좌표를 만들어 주었다. 그 후 가위바위보 객체를 만들어 이미지에 맞게 이미

2021년 3월 22일
·
0개의 댓글

[자바스크립트] 복권 추첨

복권 추첨을 다양한 메소드와 자바스크립트를 통한 css로 디자인을 하였다. html 코드는 간단하게 구성하였고 필요한 코드들은 자바스크립트로 구성하였다.function 공색깔(추첨칸){};setTimeout(function callback(){ 공옵션(0);}, 1

2021년 3월 20일
·
0개의 댓글

[자바스크립트] 틱택톡 만들기

이중 배열을 활용하여 틱택톡 게임을 만들어 보았다. 틱택톡 게임은 3x3칸에 'x' , 'o'를 번갈아 가면서 작성 후 먼저 가로, 세로, 대각선에 먼저 같은 문양 3개를 두는 사람이 이기는 것 이다.DOM을 연습하기 위해 html 태그를 DOM을 활용하여 만들어 보았

2021년 3월 17일
·
0개의 댓글

[자바스크립트] 야구게임 만들기

배열과 배열관련 메소드를 활용하여 야구게임을 만들어 보았다.DOM을 이용하여 html를 작성하였다.array에 배열을 1~9까지 저장하였다. 이 변수는 나중에 랜덤으로 1~9까지 수를 뽑기 위해 구성하였다.array1에는 빈 배열을 만들었는데 그 이유는 1~9까지 뽑은

2021년 3월 16일
·
0개의 댓글