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

아직은 놀고 싶은 마음 사이에서 갈등하고 있지만 조금이라도 하려고 한다.엘리스 온라인 수업을 복습 중이다. 처음 학습할 때는 내용을 빠른 시간 동안 익히는데 중점을 두어 제대로 해결하지 못한 미션 문제들도 있고 이해하지 못한 것들도 있었다. 1주차 학습은 마쳤으니 이제 2주차 학습에 들어가본다.   실습 1 - 다양한 자료형 1다양한 자료형 만들고 출력하기   해답을 보지 않고 문제를 풀어보고 있다. 처음 학습을 할 때는 하나의 변수를 저장하고 하나씩 출력했는데 혼자서 풀 때는 이렇게 해보았다.    실습 2 - 다양한 자료형 2상수와 변수의 차이를 이해하는 문제를 풀어보자.  값을 변경하려고 하자 빨간줄이 떴다. 이제 이 부분을 주석 처리하고 변수 c를 출력해보자.     실습 3 - 구의 부피 구하기..

이제 단원을 정리하며 연습문제를 풀어보겠다. 연습문제는 2문제인데 아침에는 풀 시간이 없고 점심시간을 활용해 풀어볼 생각이다.   단원 한눈에 정리하기           연습문제 풀기 문제 1번      문제 풀어보기  이렇게 테두리 색상을 변경하였다. 처음에는 어떻게 푸는지 몰라서 정답을 조금 참고해보았다. 이미지의 첫번째 요소를 선택할 때는 :first-of-type이라고 지정해준다. 그리고 테두리를 바꿀 것이므로 color로 다음 줄에 쓰지 않고 바로 border 항목에 모두 써야 한다. 처음에는 이 부분을 잘못 써서 틀렸다.   문제 2번  문제 풀어보기 이제 잘 설정이 되었다. 생각보다 어려운 문제였는데 여러가지 참고하며 풀어보았다. 스스로 문제를 푼 건 아니므로 다음에 이 부분은 꼭 다시 복습..

지금까지 여러 가지 선택자를 살펴보았다. 그런데 이러한 선택자로도 스타일을 지정하기 어려운 대상이 있다. 예를 들어 메뉴의 몇 번째 항목을 지정하거나, 단락의 첫 번째 글자만 지정할 경우이다. 이럴 때는 클래스 이름 앞에 콜론을 1개만 붙여 표시하는 가상 클래스와 2개를 붙여 표시하는 가상 요소를 사용하면 해결할 수 있다.    1. 사용자 동작에 반응하는 가상 클래스사용자가 웹 요소를 클릭하거나 마우스 포인터를 올려놓는 등 특정 동작을 할 때 스타일이 바뀌도록 만들고 싶다면 가상 클래스 선택자를 사용한다. ① 방문하지 않은 링크에 스타일을 적용하는 ':link'웹 문서의 링크 중에서 사용자가 아직 방문하지 않은 링크에 스타일을 적용한다. 텍스트 링크는 기본적으로 판란색글자와 밑줄로 표시된다. 이때 링크..