클라이언트/ 서버/ 엔지니어 "게임 개발자"를 향한 매일의 공부일지

배열 관련 내용은 책에도 엘리스에도 없는 내용이라 수업 시간을 통해 개념을 읽히며 문제를 풀어보는 시간이 참 소중했다. 이제 오후 공부를 시작해보려고 한다.      배열 미션 문제 풀기 과목의 개수를 입력하고 과목을 이름을 입력할 입력창이 나온다. 그런 다음 각 과목의 점수를 입력하면 이와 같은 과목별 점수의 총합과 평균이 출력되도록 코드를 작성하는 문제이다.   문제 풀어보기 1. HTML 문서 기본 형태 만들고 제목 바꾸기 이제 여기에 표 형태를 작성해 볼 것이다.   2. 표 형태로 코드 작성하기 이 코드가 잘 출력이 되는지 확인해보자.  잘 출력이 된다. 오랜만에 HTML/CSS를 하려니 헷갈려서 몇 번이나 틀렸다가 다시 코드를 수정했다.   3. 변수 선언 및 초기화script 태그에 다음과 ..

이어서 배열 관련 실습을 진행해보겠다. 오늘은 오후에 중요한 일정이 있어서 아침 공부는 많아야 1시간밖에 더 하지 못할 것 같다. 할 수 있는데까지 열심히 해볼 것이다.   배열 함수 실습해보기 1. JS 파일 만들고 HTML 문서와 연결하기   2. 배열 생성하기출력이 잘 되는 것을 확인했다.   3. 배열의 마지막 요소 추가하기   4. 배열의 마지막 요소 삭제하기 마지막에 추가한 정안나라는 이름이 다시 삭제되었다.   5. 첫 번째 인덱스 데이터 추가 맨 앞에 이영훈이 추가되었다.   6. 첫번째 인덱스 데이터 삭제 삭제된 것을 확인했다.    특정 위치의 데이터를 추가 또는 삭제하기  1. 특정 위치의 데이터 추가하기 삭제하지 않을 때는 두번째 매개변수에 0을 써넣는다. 이제 삭제하는 코드도 작성..

이번 시간에는 배열에 관한 미션 문제들을 풀어보려고 한다.   배열과 반복문 실습 해보기배열에 저장된 데이터를 반복문으로 출력하는 실습을 진행해본다. 1. JS 파일 만들고 HTML 문서로 연결하기   2. for 문과 for-of 문 작성하기배열로 이름을 받아오고 이것을 for 문으로 돌린다. 수업 시간에는 선생님들 이름을 썼으나 난 그냥 아무 성씨나 써보았다. 그리고 배열을 하나 더 생성한 후 for-of 문으로 item 변수의 값을 출력한다.    3. foreach 문 작성하기배열을 하나 생성하고 forEach 함수를 콜백 함수 구조로 작성한다. 함수 안에 함수가 들어가는 구조라서 Callback 함수라고 한다.    콜백 함수는 두번째 매개변수로 인덱스를 받아올 수 있다.      값이 잘 출력..

이제 다시 수업으로 넘어와서 배열 관련 학습을 진행해보겠다.   배열 개념 학습하기     자바스크립트에서는 여러 형태의 데이터들을 보관할 수 있다. 저장 공간도 유연하게 사용할 수 있는 점이 자바와 다르다.         이후에는 let을 붙일 필요 없이 값만 할당해줄 수 있다.           배열 실습해보기 1. 새 폴더와 파일 만들고 JS 파일을 HTML 문서에 연결하기   2. 배열 생성하고 값 출력하기  3개의 배열을 생성하고 출력 결과를 확인해보았다. 하나의 배열을 하나 더 만들어본다.   3. 배열 하나 더 생성하고 출력하기  이번에는 numList3를 선언해주고 5칸을 추가해본다.   4. 배열 선언 및 생성하기  이렇게 숫자 하나로 지정하면 숫자가 들어가는 것이 아니라 값을 길이로 반..

어제 공부했어야 했던 부분을 오늘 새벽에 2시부터 5시가 다 된 지금까지 공부하며 학습일지를 써보았다. 이제 오늘의 새 포스트에 글을 발행해보려고 한다. 단원은 정리하고 연습문제를 두 문제 풀어볼 것이다.   한눈에 정리하기          마무리 문제 풀기 문제 1번      문제 풀기   아무것도 출력이 되지 않았다. 아마도 출력문을 작성하지 않아서 그런 것 같아 코드를 다시 수정해보기로 했다.   코드 수정하기 정답에 보니 else를 넣지 않았던데 난 이렇게 작성했다.   제대로 값을 넣었을 때    취소 버튼을 눌렀을 때는 이렇게 제목만 표시되고 있다.    문제 2번     문제 풀기 하지만 3의 배수가 책에는 16개라고 나오는데 세어보니 17개가 맞다. 책에는 마지막 문장이 빨간색 글씨로 나오..