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

사용자의 동작에 즉시 반응하는 웹사이트를 만들려면 자바스크립트를 사용해야 한다. 먼저 자바스크립트 프로그래밍 본격적으로 배우기 전에 자바스크립트가 어떤 언어인지, 어떤 역하을 하는지 살펴보겠다.   자바스크립트로 무엇을 할까? 1. 웹의 요소를 제어한다 1) 메인 메뉴 위로 마우스 포인터를 올리면 오른쪽 그림처럼 숨어있는 하위 메뉴가 펼쳐지는 동작 마우스를 올리면 해당 메뉴가 나타난다.    2) 제목이나 화살표 버튼을 클릭하면 고정된 위치에서 새로운 콘텐츠를 보여줌   시사 이슈를 클릭하자 세부 뉴스로 이동했다.    3) 탭을 클릭하면 그에 해당하는 콘텐츠만 바뀌어 나타남    4) 회원 가입 양식이나 상품 주문서에서 사용자 정보를 서버로 전송할 때 입력한 정보가 맞는지 확인   2. 웹 애플리케이션..

이번에는 자바스크립트에서 입력을 하는 방법을 알아보고 실습을 진행해 보겠다.   자바스크립트에서 입력하기입력을 하는 방법도 두 가지가 있다. 첫 번째는 사용자에게 메시지를 입력할 공간을 준 다음에 입력하는 것이다. 이때 리턴 타입은 String이다.     두 번째는 확인 및 취소 버튼으로 입력 내용을 받아오는 것이다.여기서는 리턴 타입이 boolean이다. 사용자가 확인을 누르면 True로 취소를 누르면 False로 반환된다. 프롬프트는 입력 공간을, confirm은 확인받는 공간이다.   입력하는 기능 실습해 보기 1. JS 파일 만들고 HTML 문서와 연결하기먼저 세 번째 js파일을 만들고 html 문서와 연결하기 위해 처음에 만든 index 파일로 돌아간다. 그리고 이전에 연결했던 script를 ..

어젯밤에 잠시 공부했던 부분에 이어서 해보려고 한다. 오늘도 1시 반에 일어나 새벽 공부를 시작해 본다. 저녁에는 30분밖에 공부를 하지 못하는 대신 새벽에는 5시간 이상 할 수 있어서 정말 기쁘다.오늘도 해야 할 공부가 정말 많지만 차근차근 하다보면 어느새 많은 것들을 이룰 수 있으리라 믿는다. 오늘은 아침 운동도 다시 진지하게 임할 것이고 3가지 운동을 제대로 하기로 다짐했다. 그리고 주일 예배가 있는 날이니 예배도 잘 드리고 와야지! 이번에는 자바스크립트를 실습할 수 있는 강의이다. 전에 노트북으로 수업 시간에 코드를 따라 치고 실습한 파일이 있을 텐데, 어제 아무리 찾아봐도 보이지 않았다. 그냥 처음부터 없는 셈 치고 모두 다시 실습해 보기로 했다.이런 것도 큰 공부가 되니 말이다.    자바스크..

책을 들여다보기 전에 인공지능 사관학교에서 진행되었던 자바 스크립트 수업을 보면서 공부해보려고 한다. 수업은 5일밖에 진행되지 않았지만 그래도 안 들으면 왠지 아쉬울 것 같아 다시 한번 듣고 정리해 볼 것이다.6월 중순에 진행되었던 수업으로 내가 인사교에 입교한지 얼마 되지 않았을 때였다. 아직 HTML/CSS도 잘 모르던 때 들었던 수업이라 잘 이해하지 못했고 수업을 따라가지 못해 나중에는 거의 포기한 채 다른 공부를 하기도 했었다. 지금은 왠지 잘할 수 있을 것 같은 예감이 든다. 더 어려운 공부도 했으니 이런 것쯤이야 충분히 할 수 있다.   자바 스크립트의 개념 1. 자바스크립트란 무엇인가? 자바스크립트는 자바와 크게 관련이 없다. 자바 스크립트에 왜 자바라는 이름이 들어가게 되었을까?     자..

이어서 데이터 타입 남은 실습 문제 세 문제를 풀어보겠다.   실습 6 - 데이터 타입 : 객체    문제 풀기  무척 어려운 문제였다. 한번에 이해되지는 않지만 이 문제를 풀어보며 조금의 감을 잡을 수 있었다.    제출을 해보니 문제가 틀렸다고 나온다. 다시 풀어보자.   다시 풀어보기    이제 잘 맞았다. 이 문제는 콤마와 세미콜론을 구별하는 것도 참 어려웠다. name, age 다음에 세미콜론을 찍는 게 아니고 콤마를 찍는 거였다.     실습 7 - 데이터 타입 : underfined, null   문제 풀기 1. undefined    2. null    제출이 잘 되었다.    실습 8 - 데이터 타입 : Boolean    문제 풀기     학습을 마치고이렇게 해서 데이터 타입 관련 모든..

이제 데이터 타입에 대한 실습 문제를 풀어보며 개념을 다져보려고 한다.    실습 2 - 데이터 타입 : 문자열   문제 풀기  출력이 잘 되었다. 큰따옴표와 홀따옴표를 함께 사용할 때는 그 안에만 하나의 따옴표를 사용할 수 있다. 쌍이 잘 맞아야 컴퓨터가 인식한다.      실습 3 - 데이터 타입 : 숫자    문제 풀기  숫자 데이터 타입은 따로 지정할 필요 없이 바로 사용하면 된다.      실습 4 - 데이터 타입 : 함수    문제 풀기 1. 변수 형태로 생성하기    2. 함수 형태로 생성하기    이렇게 함수를 생성하는 방법이 2가지 있음을 배웠다.    실습 5 - 데이터 타입 : 배열    문제 풀기 1. fruit 데이터 확인하기    2. fruit의 첫 번째 데이터 확인하기    ..

데이터 타입에 대한 이론 수업은 조금 길지만 그래도 끝까지 시청하며 여기까지 해서 아침 공부를 마무리해 볼 것이다. 공부도 근육처럼 훈련을 통해 만들어지는 것이다.이제 공부 습관이 어느 정도 만들어졌으니 몸을 튼튼히 하기 위한 운동도 열심히 해야할 텐데 시작하는 일이 정말 쉽지 않다. 오늘도 아침 운동은 하지 못하고 말았다.     이론 3 - 자바스크립트 데이터 타입 1. 기본 데이터 타입           큰 따옴표 혹은 작은 따옴표 중에서 하나면 사용하는 것이 좋다.       2. 함수 왼쪽은 함수의 변수를 쓴 것이고, 오른쪽은 function 자체에 이름을 부여해 주는 방식이다.              아래쪽은 변수를 거치지 않고 작성하는 코드이다.   3. 배열        기존의 사과의 자리..

새벽에는 무척 열정적이었는데 아침을 먹고 나니 기운이 떨어져 졸음이 몰려왔다. 그리고 낮잠을 조금 자고 일어났음에도 기분이 나아지지 않고 만사가 귀찮아졌다. 영어 공부를 1시간 하고 다시 개발 공부를 해야 하는데 손에 잘 잡히지 않는다.그래도 조금이라도 공부를 해야겠다. 오늘 마쳐야 할 분량이 상당히 많다.    이론 2 - 자바스크립트의 변수               변수명을 작성하는 것은 어떤 언어에서나 반복하는 내용이니 모두 아는 것들이다.      변수 데이터는 콘솔창에서 확인할 수 있다.    퀴즈 2 - 변수 생성 방법    변수 초기화는 조금 생소했다. 변수 안의 데이터를 전달하는 것을 말한다고 한다.    실습 1 - 변수 생성     문제 풀기  하지만 값을 변경했지만 왜 바로 뒤에 출력..

오늘부터 자바스크립트 공부에 들어간다. 우선은 엘리스와 웹 표준의 정석 책, 그리고 학교 수업을 중심으로 공부할 생각이다. 그리고 내년 1월 이후에 얼마 전에 구입한 두꺼운 책으로 심화된 학습을 진행할 생각이다. 지금은 기초부터 차근차근 훑는 것이 중요할 것이다.아침 일정을 시작하기 전에 우선 공부를 조금이라도 해보고 싶었다. 오리엔테이션 같은 쉬운 강의 하나를 듣고 퀴즈 문제를 풀어보려고 한다.    이론 1 - 자바스크립트 소개                   loT는 사물인터넷으로 사물에 반응할 수 있는 기기를 설비하는 것이다. 하이브리드 앱은 웹과 모바일을 합쳐놓은 것을 말한다. 서버 개발할 때도 사용한다.    퀴즈 1 - 자바스크립트 소개    무척 쉬운 문제라서 간단히 풀었다.    학습을 ..