블록체인기반 SW 개발자 과정(feat.경일게임아카데미)/과제 (9) 썸네일형 리스트형 <JAVASCRIPT> 22.05.26일자 과제 / 숫자 야구 게임 만들기 - isNaN() , indexOf() ㅋㅋㅋㅋ set() 메서드를 알게 되었다고 그걸로 야구게임을 만들어보려고 시도하다가 과정이 너무 복잡해져서 아예 갈아엎었다ㅋㅋㅋ 그래서 결국 완성된... 코드...!!!! /* 실습과제 숫자야구게임만들기 1. 컴퓨터는 임의의 숫자 3개를 낸다. 2. 유저는 아무거나 낼 수 있다. ex) 컴 1 2 3 유저 7 8 9 => 아웃 ==================== 4 5 6 5 7 9 1볼(숫자는 하나 같고 자리가 틀림) =========================== 1,2,3 1,2,4 => 2스트라이크(숫자 2개맞고 자리도 동일) ====================================== - 같은숫자 같은 인덱스값 = > 스트라이크 - 3스트라이크면 =>홈런 승리 - 플레이 기회는 자유.. <JAVASCRIPT> 22.05.25 일자 과제 / 로또번호 생성기 오늘의 과제!!! 로!또!번!호! 생!성!기! 로또번호 6개를 생성하는 코드를 구현하면된다. 룰은 로또와 같다고 생각하면 된다. 규칙 1. 1~45사이의 숫자 중에 랜덤하게 뽑는다 2. 6개의 숫자를 뽑는다. 3. 뽑은 숫자중에 중복된 숫자가 없어야 한다. 4. 배열을 활용한다. 보통 1~45의 숫자를 하나씩 배열에 담는다. 그 다음 랜덤하게 1~45 중에 숫자를 6개 뽑는다. 이때 중복된 숫자를 찾아 배열에서 제거한다. 숫자가 6개가 아니라면 부족한 만큼 뽑는다. 처음 과제를 받았을 때 어떻게 만들까 고민을 했다. 이 날 indexOf() 메서드를 배웠는데 일일히 인덱스의 각 값을 비교하면 코드를 짜는데 오래걸릴 것 같아서 혹시 중복검사를 해주는 메서드가 있을까 싶어 검색해보았다 . 그랬더니 세상에.... <JAVASCRIPT> 22.05.25일자 과제 / 가위바위보 + 도박 기능 추가 / 배팅하기 / 입력 값 검증하기 오늘의 과제!!! 바로 어제 만든 가위바위보에 도박기능을 추가한다!!!ㅋㅋㅋ 구현할 기능조건 1. 10판하기 2. 배팅을 할 수 있다. 3. 유저와 컴퓨터의 소지금은 10000원이다. 4. 유저가 배팅을하고 게임을 하면 배팅한 금액*2배를 받는다 5. 지면 배팅한 돈*2만큼 잃는다 6. 무승부라면 배팅한 금액만큼만 잃는다 7. 종료조건이 있다.(게임을 10판 다하거나 둘중 하나라도 소지금을 다 사용했을때 종료된다.) 8. 구경꾼이 있다. 매판 랜덤한 확률로 내가 배팅한 금액의 1.5배를 유저에게 구경값으로 준다. 오... 근데 조건을 듣고 나니 좀 재밌어 보인다. 새로운 기능 구현은 처음 만들어 놓은 코드에 덧붙여서 만들었다. 함수를 구현하는 방법을 배웠으니 기능들을 함수로 구현했다. 코드를 짤때에는 어.. < JAVASCRIPT >22.05.23일자 과제 / 가위바위보 게임 (2가지 방법)/ 난수 발생시키는 방법 / Math.random() 정수로 변환하는 방법 / 변수에 범위 지정해서 저장 / 변수 범위로 지정 / isNaN() 난수 발생시키는 방법 let randomNumber = Math.random(); 요렇게! Math.random(); 을 이용해서 만든다. 그런데 이 함수는 실수로 랜덤숫자를 만들어준다!!! 나는 정수 형태가 필요하기 때문에 좀더 다듬어 줘야한다. 바로 이런식으로!!! let randomNumber = Math.random(); console.log(randomNumber); //실수 형태로 출력된다. let ran1 = Math.floor(Math.random()); // Math.floor : 소수점부분을 버려줌(내림) // 10을 곱하고 소수점부분을 버려줘서 0~9까지 랜덤한 숫자를 뽑아준다 let ran2 = Math.floor(Math.random()*10); console.log(ran2); .. 영화 포스터 1.왼쪽에 포스터 붙일 박스 만들기 div로 감싸서 class와 id를 부여한다 id로 style에서 대강 박스 크기랑 배경색줌 class로 위치조절 이때 가로로 배치하기 위해서 float : left 를 두개 박스에 다 준다 그다음 display : flex flex 참고 : https://studiomeal.com/archives/197 이번에야말로 CSS Flex를 익혀보자 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누 studiomeal.com <HTML>22.05.17일 과제3 / input 태그의 type 속성에 대해 알아보자! 프론트에 대해서 잘 알지 못하지만 은 javascript 등등과 함께 조합했을때 매우 빛을 발한다고는 생각한다. 하지만.... 나는 코린이니까.... 오늘은 과제로 태그의 type 속성의 종류에 대해서만 살짝 맛만 보자 먼저 HTML에서 태그의 속성이란 태그의 문법 명령어가 다루지 못하는 명령어를 보조적으로 담당한다. 쉽게 이해하자면... 의성어? 의태어? 형용사, 부사 같은 느낌?? 좀 더 세밀한 설정을 할 수 있게 도와주는 것이다. 그러니까 input 태그는 값을 사용자로부터 받아온다는 건 알지만 어떤 형태로 받을건지 등등을 속성을 통해 설정해 줄 수 있다는 말이 되겠다. 그리고 태그마다 쓸 수 있는 속성이 정해져있으니 만약 더 많은 종류의 속성값 종류가 필요하다면 구글링을 추천한다. 태그의 기본값은.. <HTML>22.05.17일 과제2 / HTML로 표 만들기 (KY사이트 만들기)(feat. <colspan>, <rowspan>) 수업중 실습문제이자 오늘의 과제이다. 예시 화면이 있었지만 폰캠도 고장나고 해서 예시화면이 없뜸...ㅠㅠ 하지만 완성품이 매우 유사하니 내가 만든거랑 같다고 봐도된다! 찡긋 목적은 어제오늘 배운 태그를 다 이용해보는게 아니었을까 싶다. 경일게임아카데미 프로그래밍에 관심있는 새내기 여러분 환영합니다. 경일게임아카데미에서 신입생을 대상으로 술파티를 모집합니다. 학부나 전공에 상관없습니다. 평소 방송에 관심있었던 여러 학우들의 지원바랍니다. 모집 기간 : 3월 2일 ~ 3월 11일 모집 분야 : 프로그래밍, 기획 지원 방법 : 양식작성 후 이메일 접수 경일게임 아카데미 홈페이지에 양식이 있습니다. 혜택 활동 중 소정의 활동비 지급 소주 3병이상 장학금 지급 ㅋㅋㅋ뭔가 문구들이 이상하지만 우리집에 있는 붉닭볶음.. <HTML>22.05.17일 과제 / HTML 로 이력서 만들기 뜨든! 이력서만들기 과제!! 따라만들 양식을 선정했다. 그리고 왼쪽 끝에 사진칸도 하나 추가했다. *노가다로 진행되었으며 비율을 맞추기 위해 친 몸부림 주의 앞에서 수업시간에 연습문제도 풀고 데굴데굴 덱데굴 했으니 '이 정도야 쉽지' 라고 생각했던 나의 경기도 오산...... 역시 괜히 과제로 내주신게 아니었다. 그냥 마구 만들수도 있지만 각각 표가 삐죽빼죽인게 기준이 높지도 않은 내 심미안을 건드렸다.... 어떤 결과물이 나왔냐면 왜 이런 결과물이 나왔는고 하니 처음에 각 셀의 크기를 px(픽셀)로 지정했다가 각 테이블의 행의 개수가 달라서 삐죽빼죽 튀어나와 보기 싫어서 나름 정리한다고 비율로 크기를 조정한 것이다. (그것도 계속 중간크기 창으로 반은 VScode 반은 브라우저를 띄워놓아서 전체창을 안.. 이전 1 2 다음
