본문 바로가기

전체 글

 (128)
<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.26일자 기록 / 고차함수 / sort 배열 오름차순정렬 두구두구당당 둥당~~ 드디어 함수를 배우기 시작했습니다~~~~~ 좀~~~더~~~~ 멋~~~있~~~어~~~보~~이~~게~~~ 코드를 짤 수 있게 되었다! 가독성은 덤! 코드재사용이 용이해진 것도 덤!! 그래서 일단 함수는 대강 프로그래밍에 관심이 있다면 형태정도는 봤을 것이다. function 함수명(파라미터){ 블라블라~~~ } 요런 형태! 파라미터도 받을 수도 있고 아닐 수 도있고 return을 해주기도 안해주기도 한다. 설계자 마음대로 만들 수 있다. 물론 제대로 작동해야겠지만.... 솔직히 함수에 대해서 검색해보고 여러 블로그글들을 봤을 때 어떤건 파라미터를 받기도 return을 받기도 아니기도 해서 어떻게 써야하는지 너무 어려웠었는데 직접 써보고 나니까 왜 사용하는지 이해가 갔다. 과제를 하는데 ..
<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.24일 7일차 기록 / for 반복문 / 삼각형 찍기 두둥 드디어 코딩의 꽃인 반복문을 배우기 시작했다. 아마 이번주 금요일 이후에 진도 나가는 속도다 페라리가 될 듯... 솔직히 지금 속도로 나갔으면 하지만은....ㅠㅠ 이 속도로는 교육과정의 목표대로 3개월 동안 프론트+백을 다 못 끝낼걸 안다... 그래도 기초부분동안 천천히 진도도 나가고 소화할 시간을 충분히 줘서 너무 좋다ㅎㅎ 당연한 얘기지만 진짜 자습시간을 갖느냐 안갖느냐가 머리에 남는데에 진짜 큰듯 ㅋㅋㅋㅋ여담이지만 오늘 안경을 안갖고와서 진짜 눈뜬장님으로 수업을 들었다ㅠㅠㅠ 모니터에 코박고 내가 쓴게 오타가 나는지 안나는지 보느라 눈알 빠지는줄,,,,ㅋㅋㅋ 항상... 잘 챙기자... for문 기본 형식 : // 반복문 for(변수 선언문 or 할당문; 조건식; 증감식;){ 조건식이 참인경우 반복..
< 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); ..
<JAVASCRIPT> 22.05.23일 6일차 기록 / 자바스크립트의 기본, 연산자 / switch 조건문 형식 +) 난수 발생시키는 방법 이건 자바스크립트의 기본이라기 보다 그냥 컴파일 언어의 기본이라고 할 수 있겠다. - 변수를 선언할 때 한줄에 여러개를 동시에 선언 할 수 있다. let message = "Hello", age = 25, num = 1; ////////////////////////////////////////////// let message = "Hello"; let age = 25; let age = 1; 주석 라인을 기준으로 위와 아래가 같은 코드이다. 물론 한줄에 선언이 가능하지만 가독성이 좋지 않아 저렇게 짜지는 않을듯 그리고 자바스크립트에 한한 경우이긴 한데 자료형을 명시해주지 않아도 알아서 잡아준다 userName = "홍길동"; 이렇게 써도 오류가 나지 '는' 않는다. 하지만 써주..
<JAVASCRIPT> 22.05.20 5일차 기록 / 자바스크립트의 기본 / 자바스크립트의 자료형 호호홓ㅎ호 드디어 CSS를 벗어났다!!!!!!!!!!!! 잠시 동안만일지도 모르지만 너무 좋다ㅠㅠ 솔직히 style 부분에서 오타도 안알려주고 속성이 너무너무너ㅜ머누머ㅜ넘ㅁ너ㅜㅁㄴ 많은데다가 잘모르니 설정을 어떻게 줘야하는지 노가다로 다 해봐야 했어서 넘무..... 멘탈을 갈아버렸다. 여튼 오늘은 JAVASCRIPT의 기본에 대해 배웠다. 일단 자료형부터! 자바스크립트의 장점이자 단점이 다른 컴파일 언어들에 비해 비교적 변수형을 선언하는데 자유롭다. 이게 무슨 뜻이냐면 정수형, 실수형 구분없이 그냥 숫자형으로 다 묶인다는 말!! 내가 입력하는 숫자를 알아서 number로 취합해서 입력받는다. 자바스크립트의 데이터 타입 7가지 ============================================..
728x90

티스토리툴바