"게임 개발자"를 향한 매일의 공부일지 1기 _ 개발의 기초 및 겉공부

모든 언어의 프로그래밍의 시작은 비슷한 것 같다. Hello를 출력해 보는 것이다. 대부분 다 아는 내용이지만 언어가 다르니 어떤 점이 차이가 있는지 알고 있어야 한다.그럼 첫 번째 단원 학습을 시작해 보겠다!  이론 1 - Hello, Java!파이썬 기초 강의와 달리 자바 강의는 이론 수업이 15분이 넘어간다. 그래도 시간이 금방 지나가는 것 같다.난 처음에는 그냥 한번 듣고 두 번째는 내용을 정리하면서 다시 들어본다. 이해가 안 되는 부분은 부분별로 다시 듣고.. 세 번씩 듣기도 한다. 1995년에 창시되어 지금까지 꾸준히 사용되는 프로그래밍 언어이다. 객체지향 프로그래밍 언어이다 보니 기본적으로 배워야 하는 내용들이 많다.2020년에 자바 25주년이 되었다. 썬 마이크로시스템에서 만들었으나 지금은..

바로 이어서 미션 문제를 풀어보기로 하자. 미션은 해설이 없어서 많이 어려운데 어려운 문제를 풀면서 나의 코딩 실력도 향상되리라 본다.이것만 풀면 1단원 학습은 모두 마치게 된다. 파이썬 기초와 달리 단원 핵심요약은 없다. 대신 미션 문제가 하나 더 늘었다.    미션 1 : 학생의 정보 출력하기   오랜 시간 생각하며 풀었는데 틀렸다. 뭐가 문제일까?      이젠 실행이 안 되었을 때 코드를 분석할 수 있게 되었다. 어떤 부분이 잘못되었는지 찾아가 보면 잘못된 부분을 고칠 수 있다.   자바의 자료형은 아직 안배운 것 같은데 이 문제가 출제되어 조금 어려웠다. 그래도 다른 언어와 별 차이는 없었다.     미션 2 : 2 + 2 * 3     이 문제는 쉽게 잘 풀었다! 답이 8이 나이고 6인 이유는..

오늘은 아침 시간에 자율학습이 있어서 새벽에 하다 만 공부를 이어서 하기로 했다. 오늘로써 HTML/CSS 공부 6일 차이다. 수업 시간에 배운 것들도 함께 정리하니 시간이 많이 걸리지만 그래도 CSS도 절반 이상 학습했다. 오늘까지 고급 선택자 공부를 다 마치고 총복습을 한 후 내일부터는 새로운 분야 학습에 들어가려고 한다.다음에 공부할 분야는 자바이다. 자바도 6일 정도 학습을 하고 또 다른 학습으로 넘어가고.. 앞으로 이런 식으로 공부를 이어가기로 했다. 공부를 해보니 5일은 좀 짧았고 하나의 과정을 마치기에 7일은 좀 길었다. 6일이 적당한 것 같다. 공부할 분량이 많으면 6일 내내 학습을 이어가고 그렇지 않으면 5일 하고 하루는 나만의 프로젝트를 만들어서 미션을 수행하는 방식으로 학습을 이어가기..

수업 시간에 배운 건데 한 가지 더 정리할 게 있어서 기록해 보기로 했다. 지난번에 수업을 들을 때는 하나도 이해하지 못했던 부분인데 요즘 CSS를 혼자서 공부하면서 정말 많은 것들을 배우게 되었다.수업 영상을 다시 볼 시간은 없으니 실습 자료들을 보면서 한번 정리해보기로 했다.    1. position 실습    스크롤 막대를 내리면 왼쪽에 네모는 계속해서 내려가지만 오른쪽에 초록색 네모는 그 위치에 항상 고정되어 있다. 초록색 네모를 fixed로 고정했기 때문이다. absolute는 사용한 상위 요소를 기준으로 위치를 지정하는 것이다. 이 부분도 중요하니 꼭 숙지하고 넘어가기로 하자.    2. 부모 자식 포함 관계 실습   childDiv가 parentDiv에 포함되어 그 안으로 들어간 형태로 만..

이제 마지막 남은 9단원 학습이니 끝까지 열심히 공부해 보기로 하자. 웹 문서의 배경을 꾸밀 때는 배경색이나 이미지를 사용하는 것 외에 그라데이션 효과로 색 다른 느낌을 줄 수 있다. 그라데이션 효과를 사용하려면 아직 웹 브라우저의 다양한 부분을 고려해야 하지만 여러모로 편리하게 사용할 수 있는 기능이다.   1. 선형 그라데이션 색상이 수직, 수평 또는 대각선 방향으로 일정하게 변하는 것을 말한다. 이것을 만들어주는 함수는 linear-gradient인데 색상이 어느 방향으로 어떤 색상으로 바뀌는지 알려 주어야 한다.linear-gradient(to 또는 , , [, ....]);  1) 방향방향을 지시할 때는 끝 지점을 기준으로 to 예약어와 함께 사용한다. to 다음에는 방향을 나타내는 예약어를 ..

배경 이미지는 웹 쇼소에 이미지를 넣거나 목록의 불릿 이미지를 대신하여 아이콘과 같은 이미지를 넣을 때도 사용한다. 배경 이미지를 넣는 여러 속성에 대해서 학습해 보기로 하자.     1. 웹 요소에 배경 이미지를 넣는 background-image 속성웹 요소에 배경 이미지를 넣을 때 가장 기본으로 알아 둘 속성은 background-image이다. url()에 이미지 파일 경로를 넣어서 사용한다.background-image: url('이미지 파일 경로') 이미지 파일은 jpg, gif, png 형식을 사용하며 파일 경로에는 작은 따옴표나 큰따옴표를 붙인다. 파일 경로는 현재 웹 문서를 기준으로 상대 경로를 지정할 수도 있고 http://로 시작하는 절대 경로를 사용할 수도 있다.배경을 넣을 때 요소..

이제 새로운 단원 학습에 들어갔다. 공부할 시간이 1시간 반밖에 남지 않아서 정말 아쉽지만 그래도 할 수 있는 데까지 해볼 것이다. 9장까지는 모두 학습을 마치고 오늘 수업에 나가려고 한다.웹 문서에는 내용 전체뿐만 아니라 특정 부분이나 글자 등 여러 요소에 배경을 넣을 수 있다.      1. 배경색을 지정하는 background-color 속성배경색을 지정하려면 배경을 넣고 싶은 요소의 스타일 규칙을 만들 때 background-color 속성을 사용한다. 이 속성은 앞에서 설명한 16진수나 rgb값, 색생 이름을 사용해서 지정한다.background-color: #008000;background-color: rgb(0,128,0);background-color: green;  태그 선택자에서 지정하..

드디어 이 단원을 마치고 연습문제를 풀어볼 때가 되었다. 여기까지 오는데 3일은 걸린 것 같다. 양이 많지 않다고 생각했는데 내용이 지금까지 배운 것 중 가장 어려웠다. 이젠 갈수록 더 어려워지겠지. 그래도 조금씩 실력이 쌓이는 거니 좋은 현상이다.이번 단원의 연습문제는 3문제이다. 그럼 시작해보자!   단원 한눈에 정리하기             연습문제 풀기 문제 1번      틀린 코드 이상하게도 원이 이미자 바깥쪽으로 생기고 그림자도 뭔가 이상하다. 이 문제는 혼자서 해결하기 힘들어서 정답을 참고해보았다.    다시 풀어보기 이렇게 이미지 안에 테두리도 그림자 효과도 잘 생겼다. img라는 공간 안에 속성을 넣어주자 잘 되었다.    문제 2번    틀린 코드  우여곡절 끝에 여기까지는 문제를 풀었..

며칠 전에 CSS 속성과 관련된 내용인줄 알고 정리했는데 CSS 박스 모델 관련 내용이었다. 이에 대한 학습을 진행하고 나서 다시 학습일지를 써보는 중이다. 어쩐지 무슨 말인지 하나도 모르겠더니..  1. 디스플레이     이 부분을 학습하지 않아서 다음날 추가해보았다. 인라인과 블럭 요소를 확인해볼 수 있는 실습이다.   2. 마진 실습   이걸 혼자서 만들어보라고 했을 때는 하지 못했다. 마진이 무엇인지 어떤 원리로 만들어지는지 알고 있어야 한다. 마진의 중첩 원리를 사용해 네모 박스를 만들어본 것이다.    3. 테두리 실습 이 부분은 radian 속성을 사용해 테두리를 깍어서 모양을 내보았다. 50%를 하면 네모가 원이 된다.   학습을 마치고border에 이런 속성이 있다는 걸 알게 되었다. 지..

어제까지 해서 2주 차 학습을 모두 마쳤다. 어제는 너무 졸려서 단원은 마무리하지 못해서 다음날 정리해 보는 중이다. 이것과 함께 책에 나온 연습문제만 풀어보면 이 단원은 마치게 된다.    단원 마무리하기                 학습을 마치고정말 많이 어려운 단원이었지만 다 마치고 나니 후련하다. 이제 연습문제를 풀어보는 시간을 갖기로 하자.