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

이번주에 굉장히 피곤하고 힘들어서 공부가 많이 지치던 참이었다. 지난주에도 한번 저녁도 안 먹고 5시에 일찍 잠을 잤었다. 어제도 6시도 안 돼서 계속 졸다가 간신히 인사교 퇴실 체크만 하고 저녁도 거른 채 그때부터 새벽 4시까지 잠을 잤다. 무려 10시간을 잔 셈이다.이렇게 하루 날 잡아서 실컷 잠을 자며 이제 다시 공부할 수 있는 몸과 마음이 되었다. 피곤할 때 드라마나 영화 등을 시청하면 수면제가 된다. 시청을 시작한지 15분도 되지 않아서 잠을 잤고 꿈도 정말 많이 꾸었다. 지금은 잘 생각나지 않지만 누군가에게 쫓기기도 하고 아무튼 별스러운 꿈을 다 꾸었다. 그리고 꿈과 현실 사이에 주님께서 내게 말씀도 많이 주시며 다시 한번 약속을 확인하셨다. 난 주님의 가장 친밀한 친구이고 그분과 난 언제나 ..

배열 관련 내용은 책에도 엘리스에도 없는 내용이라 수업 시간을 통해 개념을 읽히며 문제를 풀어보는 시간이 참 소중했다. 이제 오후 공부를 시작해보려고 한다.      배열 미션 문제 풀기 과목의 개수를 입력하고 과목을 이름을 입력할 입력창이 나온다. 그런 다음 각 과목의 점수를 입력하면 이와 같은 과목별 점수의 총합과 평균이 출력되도록 코드를 작성하는 문제이다.   문제 풀어보기 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개가 맞다. 책에는 마지막 문장이 빨간색 글씨로 나오..

반복문은 어떤 동작을 여러 번 실행할 때 사용한다. 불필요한 명령을 여러 번 복잡하게 쓰지 않고 반복문 하나로 간단하게 코드를 작성할 수 있다. 코드가 간단해지면 컴퓨터의 실행 속도는 더 빨라진다.   반복문은 왜 필요한까?어떤 경우에 반복문이 필요한지 예를 들어 살펴보겠다.1부터 5까지 더하는 프로그램을 생각해보자. 반복문을 사용하지 않는다면 다음과 같이 결과값에 숫자를 계속해서 더해야 한다. 반복문 없이 1부터 5까지 숫자 더하기  이럴 때 사용하는 것이 바로 반복문이다.    for 문 사용하기for 문은 자바스크립트에서 가장 많이 사용하는 반복문이다. 기본 형식은 생략하고 다음 예제를 살펴볼 것이다. 앞의 코드를 for 문을 사용해 작성해보겠다. for 문을 사용해 1부터 5까지 숫자 더하기 카운..

연산자에 대해서 공부했으니 이제 조건문에 대해 학습해보겠다. 프로그래밍을 할 때는 특정 조건과 명령에 따라 실행 순서를 정해야 한다. 이때 특정 조건이 맞는지 확인하기 위해 조건문을 사용하는데 프로그래밍에서 가장 많이 사용하는 구문이다.    if 문과 if~else 문 알아보기if 문이나 if~else 문을 사용하면 스크립트 안에서 조건을 체크할 수 있다. if 문에서는 괄호 안의 조건을 체크해서 결과값이 true면 if 문 다음에 나오는 명령을 실행하고, false이면 아무것도 하지 않는다.이 부분은 모두 아는 내용이니 개념 설명을 생략하고 다음의 예시를 살펴보겠다. 사용자가 입력한 숫자가 3의 배수인지 확인하는 예제이다. 3의 배수 확인하기 1    다음 예제는 중첩 if 문을 사용한다. 프롬프트 ..

연산자란 프로그램에서 특정한 동작을 하도록 지시하는 기호이다. 프로그래밍에서 '연산'이란 사칙연산은 물론 문자열과 문자열을 연결하여 새로운 문자열을 만들고 값의 크기를 비교하는 등 여러 가지 동작을 의미한다. 그리고 이러한 연산을 지시하는 기호가 연산자이다.   1. 산술 연산자연산자의 왼쪽이나 오른쪽에 있는 연산 대상을 '피연산자'라고 하는데, 산술 연산자에서 피연산자는 숫자나 변수가 온다. 앞의 실습에서 나이 계산 프로그램을 만들었다.currentYear - birthYear + 1 이 식에서 currentYear, birthYear, 1이 연산 대상이고 '피연산자'이다. 피연산자를 제외한 더하기 빼기는 연산자이다. 자바스크립트의 산술 연산자는 다음과 같이 정리할 수 있다.   자주 헤깔리는 나누기,..

점심을 먹고 3시부터 공부를 했어야 하지만 공부가 안돼서 계속 쉬다가 오후가 끝나갈 무렵 시작해 본다. 오늘은 심신이 지쳐서 목표했던 공부량을 많이 채우지 못할 것 같다.조금이라도 하며 하루를 마무리해야겠다. 자료형에 대해서 복습하며 공부해보겠다. 자료형이란 프로그램에서 처리할 자료의 형태를 뜻한다. 예를 들어 '3'을 숫자로 처리하는지, 문자열로 처리하는지에 따라 프로그램의 결과는 달라진다.   자료형이란컴퓨터가 처리할 수 있는 자료의 형태를 자료형이라고 한다. 자바스크립트의 자료형은 숫자, 문자열, 논리형과 같은 기본 유형과 배열, 객체를 다루는 복합 유형 그리고 undefined, null 같은 특수 유형이 있다. 아래는 자료형을 정리한 것이다.    숫자형자바스크립트에서 숫자형은 정수와 실수로 나..