내맘대로 개발개발

1. 사용언어 HTML, CSS, JavaScript HTML : 웹사이트 형식 구성 (뼈대 담당) CSS : to-do list 디자인 담당 (미모 담당) JavaScript : 작동 기능 담당 (내용물 담당) 2. 웹사이트 기능요약 1) 주요기능 ㆍBootstrap v5.1.3 활용. ㆍ난이도 버튼을 클릭하면 타이핑 할 단어가 생성된다. ㆍ단어생성과 동시에 5초 카운트 다운이 시작된다. ㆍ제한 시간 내에 인풋박스에 타이핑 할 단어를 정확히 입력하면 다음단어가 생성된다. 2) 세부기능 ㆍ오픈api를 활용해 영어 단어가 무작위로 생성된다.ㆍ난이도에 따라 생성되는 단어의 길이가 다르다. ㆍ대문자, 소문자 구분 없이 철자가 맞으면 정답으로 인정하고 점수 부여한다. ㆍ단어 생성 횟수와 점수 최고점 제한이 없다..

1. 사용언어 HTML, CSS, JavaScript HTML : 웹사이트 형식 구성 (뼈대 담당) CSS : to-do list 디자인 담당 (미모 담당) JavaScript : 작동 기능 담당 (내용물 담당) 2. 웹사이트 기능요약 1) 주요기능 ㆍBootstrap v5.1.3 활용. ㆍ시작 버튼을 클릭하면 타이핑 할 단어가 생성된다. ㆍ단어생성과 동시에 5초 카운트 다운이 시작된다. ㆍ제한 시간 내에 인풋박스에 타이핑 할 단어를 정확히 입력하면 다음단어가 생성된다. 2) 세부기능 ㆍ대문자, 소문자 구분 없이 철자가 맞으면 정답으로 인정하고 점수 부여 3) 자율학습 추가기능 ㆍheader 문구에 strong을 적용하고 “시작”단어에 em태그를 추가. ㆍ방법안내 card에 Breakpoint를 부여해 ..

1. 사용언어 HTML, CSS, JavaScript HTML : 웹사이트 형식 구성 (뼈대 담당) CSS : to-do list 디자인 담당 (미모 담당) JavaScript : 작동 기능 담당 (내용물 담당) 2. 웹사이트 기능요약 스파르타코딩클럽에서 '설 맞이 덕담 공유 코딩 패키지'를 일정기간동안 무료로 수강하는 이벤트를 진행했다. 사실, 이건 프로젝트라기보다는 강의후기에 가깝다. 그래서 글의 관점이 다르다. 스파르타코딩클럽의 코드스니펫 기능으로 웹사이트의 핵심기능인 js는 강사진이 미리 작성한 외부자바스크립트를 이용한다. 강의 자체도 1시간 분량이라 강의종료 후에 웹사이트 하나를 얻는 것에 초점이 맞춰져있다. 결국 외부 도움이 8할이지만, 하나의 웹사이트를 만들어본 경험이 재미있었고 나중에는 직..

1. 사용언어 HTML, CSS, JavaScript HTML : 웹사이트 형식 구성 (뼈대 담당) CSS : to-do list 디자인 담당 (미모 담당) JavaScript : 작동 기능 담당 (내용물 담당) 2. 웹사이트 기능요약 1) 주요기능 ㆍ인풋박스에 할 일 입력 후 ‘추가’ 버튼을 누르면 할 일 목록에 내용이 추가된다. ㆍ중요한 일이나 특징을 주고 싶은 일은 하트버튼을 눌러 강조할 수 있다. ㆍ수행한 일은 체크 버튼을 눌러 완료처리 할 수 있다. ㆍ할 일을 잘못 입력했을 경우 X표시를 눌러 삭제할 수 있다. 2) 세부기능 ㆍ추가버튼에 hover를 적용해 마우스를 올리면 색이 기존 darkblue에서 darkcyan로 변화. ㆍ인풋박스에 할 일 입력 후 엔터키나 추가버튼을 눌러 내용을 추가할 ..

타이핑 게임 사이트 만들기 예상 작업기간 : 1주 (아마도..maybe) 예상 난이도 : ★★★★☆ 대략적 틀: 주어진 텍스트를 제한 시간안에 똑같이 타이핑하는 사이트 더 나아가 만들고 싶은 것 : 예쁜 말 고운 말 텍스트 타이핑하는 사이트+노래방 가사자막처럼 텍스트 일치하면 실시간으로 그라데이션 처럼 색변화하는 기능_아마 엄청 어렵겠지..?

1. 사용언어 HTML, CSS, JavaScript HTML : 웹사이트 형식 구성 (뼈대 담당) CSS : to-do list 디자인 담당 (미모 담당) JavaScript : 작동 기능 담당 (내용물 담당) 2. 웹사이트 기능요약 1) 주요기능 ㆍ인풋박스에 할 일 입력 후 ‘추가’ 버튼을 누르면 할 일 목록에 내용이 추가된다. ㆍ중요한 일이나 특징을 주고 싶은 일은 하트버튼을 눌러 강조할 수 있다. ㆍ수행한 일은 체크 버튼을 눌러 완료처리 할 수 있다. ㆍ할 일을 잘못 입력했을 경우 X표시를 눌러 삭제할 수 있다. 2) 세부기능 ㆍ추가버튼에 hover를 적용해 마우스를 올리면 색이 기존 darkblue에서 darkcyan로 변화. ㆍ인풋박스에 할 일 입력 후 엔터키나 추가버튼을 눌러 내용을 추가할 ..