이번 과제는 아래 그림과 같은 게임을 만드는 것인데, 스크린샷 2019-06-11 오후 4.04.42.png 1. 왼쪽 상단의 timestamp (총60초) 간 진행되며 2. 랜덤으로 흰색의 물체가 상단에 형성되고 3. 흰색 물체가 아래로 떨어지기 시작한다. 4. 아래 영웅이 좌 우로 움직이며 5. 하늘에서 떨어진 흰색의 물체가 영웅에...
주말 양일간 휴식을 취하고 월요일부터 다시 시작 이번 과제는 간단한 게임을 만드는 것이었다. 1. 하늘에서 enemy가 떨어지면 hero를 이동시켜 enemy를 없애야한다. Class를 사용하여 Object를 아래와 같이 형성하여 object 내 method를 사용했다. 4. backgroundPosition 스크린샷 2019-06-...
생각보다 하루에 배우는 양이 많아 그때그때 정리하는 것이 더 편할듯 1. float: 이미지 주위를 텍스트로 감쌀 때 사용. 근데 이미지 뿐만 아니라 한 태그를 다른 태그들이 감쌀 때 사용한다고 보는 것이 맞는듯. - left: 이미지를 왼쪽에 두고, 텍스트가 이미지를 감싼다. - right: 이미지를 오른쪽에 두고, 텍스트가 이미지를 감싼다. - no...
TIL: WeCode_Bootcamp 4일차(<form>, <autocomplete="current-password", keyEvents, event.stopPropagation()>
2019년 6월 6일0개의 댓글
form tag 의 중요성 - 미니터(유사 트위터)과제를 하다가 아래와 같은 에러 메세지를 발견했다.
CSS: background- properties - 이미지 출력 시 HTML에서 img 태그를 활용할 것인지 혹은 CSS에서 background-image를 사용할 것인지 고민하다, background-image는 사용한 경험이 없어서 적용해 보고자 했다. - 원하는대로 이미지를 구현하기 위해 다양한 background- property를 사용했다. ...
여러가지 태그가 있고, 해당 태그에 해당하는 속성(attribute)가 있다. 이처럼, 여러 개를 부여할 때는 별명 사이에 공백을 주면 된다.
개발자도구 사용법 - 웹 구현을 위해 HTML이 어떻게 사용되었는지 볼 수 있으며 실시간으로 수정하여 변화를 확인할 수 있음. - 회사의 Coding Convention을 따르는 것이 중요하며, 연습할 때 Airbnb Convention을 참고하여 익숙해질 수 있도록 할 것 (세계적으로 많이 씀/따름) 2. 개발자도구 사용법 (계속) - Appl...
첫 날 다루었던 HTML에 대해 간단히 정리해 보려 한다. HTML HTML이란 웹브라우저에서 표현되는 모든 문서라고 할 수 있다. html에서는 우리가 흔히 보는 글자, 사진, 링크 등을 표현할 때 태그(tag)를 사용한다. html 파일의 구조는 간단히 보면 다음과 같다. : 디바이스의 가로 크기가 곧 웹 페이지의 가로와 같다는 의미. 모바...
루트 섹션(Root Section) 요소 body - 문서에서 단 1번만 사용 가능 섹션(Sections) 요소들 섹션 요소는 일반적인 컨테이너 요소가 아니며, 문서 개요에 명시적으로 나열되는 경우에만 섹션 요소가 적합하다는 규칙이 있다.일반적인 컨테이너 요소로는 div, span 등이 있다. article - 문서, 페이지...
CodeStates Immersive과정 수강을 위한 IAT에 모두 합격했으나, 해당 과정에 참여하지 않고, (왜 수강하지 않기로 했는지는 메세지? 댓글? 등으로 연락주시면 상세히 답변 드리겠습니다) 인스타그램: @jkang14 WeCode의 Main Course를 수강하기로 했다. 1일차에 새롭게 배운 내용들을 정리했다. (앞으로 매일 할 계획) ...
실무에서 필요한 내용 위주의 '개발자를 위한 html/css/js' 시리즈입니다. 사내 강좌로 진행 했던 내용을 편집하여 연재할 예정입니다. CSS Transform 은 부모 element의 영향을 받지 않고, 독자적으로 element 의 위치 및 확대/축소 회전이 가능한 CSS 요소입니다. Transform 3D의 요소로 지정되면 브라우져에서 GPU를 ...
HTML & CSS & JavaScript를 활용한 ToDoList Twittler 과제를 하기 전에 NomadCoder님의 ToDoList를 복습하고 시작하려한다. 물론, 지금 내 실력으로 과제를 완성하기 힘든 것도 있으며, 좀 더 완성도 있는 과제를 만들기 위해서이다...!👏🏻👏🏻👏🏻 사실 벌써 3번들었는데 또 까먹었다.그렇다. (Youtu...