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

오늘도 새벽 2시에 일어나 공부를 시작해본다. 일어나서 정리할 게 있어서 하다보니 벌써 2시 20분이 다 되었지만 이제부터 공부를 시작해보려고 한다. 오늘 새벽에 엘리스로 2주차 학습을 모두 마치고 학교 수업도 연산자까지는 들을 수 있었으면 한다. 그리고 오늘 아침과 오후에는 함수와 이벤트 단원을 나가면 좋을 것 같다. 이제 새벽 공부를 시작해보겠다.    실습 2 - 증감 연산자   문제 풀기 1. 선위 증감 연산자 출력하기  20이 먼저 증가했으니 21이 되었고 21에서 1 감소한 20이 출력되었다.   2. 후위 증가 연산자 출력하기  나중에 1 증가했으니 아직은 20이고 이후 21이 되어 num이 출력된다.   3. 후위 감소 연산자 출력하기  나중에 감소했으니 처음에는 21이고 이후 20으로 출..

연산자에 대해서 공부해보려고 한다. 저녁에는 공부를 별로 하지 못하겠지만 그래도 30분이라도 공부해보려고 한다.    이론 1 - 연산자             등호 3개는 데이터 타입까지 비교하여 같다는 것이다.     두번째는 자료형이 다르기 때문에 false가 나온다         퀴즈 1 - 연산자     1번은 조금 헤깔렸는데 20 문자열과 10 문자열의 나머지인데 이것이 왜 0이 되는지 잘 모르겠다. 이 코드의 출력값이 0인 이유는 JavaScript에서 % 연산자(나머지 연산자)가 작동할 때 피연산자들을 자동으로 숫자로 변환하기 때문이다. 자세한 설명% 연산자의 동작%는 나머지 연산자로, 두 숫자를 나눴을 때의 나머지를 반환한다.예: 20 % 10은 20을 10으로 나눴을 때 나머지인 0을 반..

이이서 자료형을 형 변환하는 실습을 진행해보려고 한다.    형 변환 실습해 보기 1. 숫자형을 문자형으로 변환하여 출력하기 숫자를 문자열의 형태로 담아주고 출력해 보겠다.   3.14라는 값이 잘 들어있다.    2. 실수형으로 변환하기 문자형으로 변환했던 val3를 다시 실수형으로 변환했다.  둘을 같은 숫자인 것 같지만 차이가 있다. 위의 3.14는 문자열이고, 아래의 3.14는 실수형이라 글씨가 약간 파란색으로 출력된다.   3. 실수를 정수로 변환하기  이번에도 출력된 값을 보니 정수 형태로 3만 출력되었다.   4. 숫자 형태의 형 변환 출력해 보기  숫자 형태일 때도 출력이 잘 되는 것을 확인했다.   5. 숫자와 문자를 형 변환하여 출력하기Number는 문자를 숫자로 형 변환해 준다.   ..

변수에 이어 자료형에 대해서 공부해보겠다. 이것까지 공부하고 저녁 운동을 하러 나갈 생각이다.   자료형에 대한 개념 학습 1. 자료형의 종류      undefined는 정의하지 않은 값이고 null은 일부러 빈 값을 넣어준 것이다.   2. 형변환의 종류자동으로 정수 또는 실수로 변경해준다.      자료형 실습해보기 1. 새파일 만들고 HTML 문서와 연결하기실습을 위한 새로운 js 파일을 하나 만들고 HTML과 연결해준다.    2. let으로 선언만 하고 값 출력하기let으로 변수를 선언만 하고 할당하지 않은 값을 출력해보았다.   이렇게 undefined라고 출력되는 것을 볼 수 있다.   3. 값 할당하고 출력하기     잠시 경고창에 뜨는 문제 해결해보기  근데 어제부터 자꾸 이런 경고창이..

변수 선언에 대한 기본 개념을 학습한 후에 관련된 실습 예제도 살펴보기로 하자. 모두 다른 언어를 통해 이미 알고 있는 내용이지만 자바스크립트라는 새로운 언어를 배웠으니 조금의 차이점이 있을 것이다.     변수에 대한 개념 학습 변수란 무엇인가?      선언 키워드를 붙여주아야 한다. var는 variables의 약자이다.     자바스크립트에서는 자료형 체크가 비교적 느슨하며 담기는 값에 따라 자료형이 달라진다.   변수의 종류var보다는 let과 const를 훨씬 더 많이 사용한다.    같은 이름의 변수를 다시 선언하는 것을 재선언이라고 하는데 var라는 키워드를 붙였을 때는 가능하다. 하지만 let과 const에서는 재선언이 불가능하다.만약 재선언이 가능하다면 이전에 작성된 변수의 값이 변경되..

이제 1주차 단원을 마무리해보는 미션 문제를 풀어보겠다. 1주차가 끝나갈 무렵 이 단원의 제목을 이제야 제대로 알게 되었다. 기초인줄 알았는데 소개였다. 그러니까 자바스크립트가 무엇인지 전체적으로 훑어보는 시간이었다. 문제는 총 두 문제로 구성되어 있는데 하나씩 풀어보겠다.   미션 1 - 삼각형의 넓이를 구하는 함수 생성하기     문제 풀어보기   문제를 잘 풀었다. 이 문제를 이해하고 풀었다는 건 자바스크립트에 대한 기초 지식이 어느 정도 잡혔다는 뜻이다. 처음에는 변수를 어디에 써야 하는지 무척 고민이 되었는데 함수 안에 쓸 수 있는 거였다. 이제 다음 문제도 풀어보겠다.    미션 2 - 배열 안의 데이터에 접근하기     문제 풀어보기    이 문제도 아주 잘 풀었다. 리스트 요소를 사용해서 ..

이어서 남은 실습 문제를 풀어보려고 한다. 요즘 며칠 공부하는 일이 많이 버겁다. 그래도 오후에 조금이라도 공부를 해야 할 것 같다.    실습 10 - 프로퍼티와 메서드 : 배열   배열 프로퍼티와 메서드 종류 살펴보기 Array - JavaScript | MDN다른 프로그래밍 언어의 배열과 마찬가지로, Array 객체는 여러 항목의 컬렉션을 단일 변수 이름 아래 저장할 수 있고, 일반적인 배열 연산을 수행하기 위한 멤버가 있습니다.developer.mozilla.org  문제 풀기 1. 변수의 길이 확인하기  배열의 길이는 3이 잘 출력되었다.   2. 데이터 추가하기  배열 길이 뒤에 맨 앞에 B와 맨 뒤에 A가 잘 추가되었다.   3. 데이터 제거하기  두번째 출력이 될 때는 앞의 B와 A가 제거..

점심을 먹기 전 1시간 정도 아침 공부를 한 후 식사를 하기로 했다. 오늘은 아침에 공부를 하기 못했으니 속도를 좀 내야 할 것 같다. 그래도 주말인지라 언제나 두 마음이 공존에 이 마음과 싸우며 다시 공부에 집중하는 일이 정말 힘이 든다.하지만 공부만 어려운 것이 아니라 일상생활에서도 심심찮게 발생하는 일시적인 만족과 장기적인 투자 중에서 선택을 하는 것도 무척이나 어려운 일이다. 그래도 전보다는 이런 전보다는 더 좋은 선택을 할 수 있게 되었으나 아직도 많은 수양이 필요한 것 같다. 이제 다시 공부를 시작해 보겠다.   이론 4 - 프로퍼티와 메서드        배열에도 이와 같은 프로퍼티가 존재한다.    ceil에서는 1, floor에서는 10이 된다.       퀴즈 4 - 프로퍼티와 메서드  ..

새벽 공부의 마지막이 될 것 같다. 자바스크립트는 문법에 맞게 코딩하는 것도 중요하지만 좀 더 읽기 쉽고 오류를 줄일 수 있도록 코드를 작성하는 것도 중요하다. 코드를 작성하고 효율적으로 유지하려면 몇 가지 코딩 규칙을 지켜야 한다.    자바스크립트 스타일 가이드 1. 코딩 규칙이 왜 필요할까?자바스크립트 코딩 규칙은 스타일 가이드나 코딩 컨벤션, 코딩 스타일, 표준 스타일이라고 한다. 여기서는 '스타일 가이드'라고 부르겠다.자바스크립트는 웹 문서에 동적인 효과를 주기 위해 출발한 언어이므로 다른 프로그래밍 언어에 비해 데이터 유형이 유연해서 곳곳에 사용자가 주의를 기울이지 않으면 오류가 발생할 수 있다. 스타일 가이드를 따라서 작성하면 소스 코드의 오류도 줄이고 일관성이 생겨 읽기가 쉬워진다. 이에 ..

이어서 자바스크립트 기초 공부를 시작해 보겠다. 조금 전에 손목이 아파 스트레칭도 5분 정도 해주었다. 이렇게 틈틈이 스트레칭을 해야 지치지 않고 공부할 수 있다. 이제 1시간 반 정도만 공부하고 새벽 공부를 마치려고 한다.자바스크립트를 본격적으로 공부하기 전에 프로그램을 실행하는 데 필요한 자료를 입력하고 결과를 출력하는 간단한 방법을 알아볼 것이다.   자바스크립트 용어와 기본 입출력 방법 1. 식과 문자바스크립트 언어의 큰 줄기는 식과 문이다. 자바스크립트에서 식은 표현식이라고 하는데, 연산식뿐만 아니라 실제 값도 함수를 실행하는 것도 식이 된다. 즉 어떤 값을 만들어 낼 수 있다면 모두 식이 될 수 있으며 식은 변수에 저장된다.다음은 자바스크립트의 여러 가지 식을 나타내는 예제이다. 자바스크립트의..