개발 기록

무작위 방향으로 날라가서 벽을 만나면 방향전환이 되는 공을 만드는 클래스를 만든 후 활용하기! 공튀기기.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" 테이블의 테두리를 설정 테이블의 머릿말 설정 테이블의 행을 담당 테이블의 열을 담..

국비지원 첫 수업, 대부분의 시간은 mysql과 오라클을 설치하는데 사용됐다. 원격으로 수업을 진행하다 보니 각자 컴퓨터의 운영체제도 다르고 변수가 많아서 시간이 꽤 걸렸던 것 같다. HTML에 대해서도 간단하게 학습했는데, 우선 HTML은 Hyper Text Markup Language의 약자로써, 다른 문서로 연결될 수 있는 마크업을 이용해 표기하는 언어이다. 웹페이지를 만들 때 가장 먼저 구조를 잡아주는 골격 역할을 한다고 합니다. 그리고 라고 불리는 문법들을 활용해 작성해야 합니다, 이것을 꺽새라고 부르는데 대부분의 태그는 시작을 했으면 다시 닫아주어야 하며, 특정 태그는 닫지 않아도 됩니다. ex) 저는 Visual Studio Code를 이용해서 학습했습니다. 윗 쪽을 담당하는 구역. 주로 타..