개발 기록

무작위 방향으로 날라가서 벽을 만나면 방향전환이 되는 공을 만드는 클래스를 만든 후 활용하기! 공튀기기.html Ball.js class Ball{ //new 연산자에 의해 호출되는 메서드를 생성자 메서드라고 하고, //생성자 메서드의 목적인 이 객체가 인스턴스화 될 때, //즉 사물이 탄생할 때 알맞는 개성을 부여하기 위함. //사물의 모습, 상태 등 형용사 적인 것. 사실 상 변수 값 //담을 곳, 볼의 보폭, 볼의 색, 시작 x값, 시작 y 값 constructor(container, b_speed, b_color, x, y){ this.container = container;//어디에 붙일지를 결정짓지 말고, 호출자가 결정하도록; this.speed = b_speed; this.color = b_..

html에서 사용가능한 프로그래밍인 자바 스크립트를 배웠다. 변수는 메모리에 만들어진 공간을 말한다. 변수에 들어갈 수 있는 값의 종류에는 숫자, 문자, 논리형 크게 세 가지로 나눌 수 있는데, 변수 선언 시에는 앞에 variable을 뜻하는 var을 붙여준다. //자바 스크립트 뒤에는 세미콜론의 습관화! 문자를 선언할 때는 문자를 쌍 따옴표로 감싸줘야 한다. onClick="" //클릭했을 때 이벤트를 준다. 버튼을 이용하여 사진을 바꿀 수 있는 기능구현.

배경 수동으로 움직이기 auto 좌 우 위 아래

태그를 배울 수록 종류도 많고 쓰임새가 비슷한 것 같으면서도 미묘하게 다른게 참 많다. 화면 내에서 구역을 나눠주는 태그이다. div태그 안에 들어있는 내용만큼 박스의 크기가 정해지는데, 백그라운드 색을 입혀보니 세로는 텍스트와 딱 맞는데, 가로가 화면을 전부 차지한다. 왜 그런가 했더니 태그의 특성에는 block와 inline 두 종류가 있다고 한다. block : 자신이 존재하는 수평공간에는 다른 어떤 것도 허용하지 않는다. 태그안에 들어가는 요소의 양이 적든 말든 block특성을 갖는 태그는 수평공간을 꽉 차지한다. 말 그대로 block하는 듯. inline : 다른 태그 요소들과 수평공간에 공존할 있다. 다만 block은 크기를 조절할 수 있었다면, inline은 태그 내부의 컨텐츠만큼 늘어난다...

국비지원 2일차. 오늘도 사정으로 인해 DB수업은 진행하지 못했고, HTML/CSS수업만 8시간 진행! 부족한 체력이 느껴진다.. 오늘은 확실히 HTML보다는 디자인에 비중을 둔 CSS를 접했는데 확실하게 코드가 복잡?해지는듯 하다. 페이지의 탭에서 페이지를 간략하게 나타내는 역할을 한다. 이미지 넣는 태그 크기 조절시 width="@@@px" height="@@@px" 사용 마크업을 하기 위한 태그이며, 나중에 css에서 사용하기 위함인 것 같다. 폰트크기 설정 최대 15px 폰트 크기의 제한이 있는 html 대신 style을 이용해서 글씨를 더 크게 설정 가능. 테이블을 정의, 테이블의 틀을 생성 border="@px" 테이블의 테두리를 설정 테이블의 머릿말 설정 테이블의 행을 담당 테이블의 열을 담..