GPD2021

자바스크립트 출력 Document document.write(1+1); alert('hello world'); console.log("hello"); input 태그 안에서 onclick으로 html에서 js호출 버튼을 누르면 위의 경고창이 출력된다. 자바스크립트 변수 자바스크립트는 꽤 널널하다. 엄격하지 않다고 해야하나 위의 number 변수 hello와 string 변수 hello2를 더했더니 4040으로 출력되었다. number변수인 hello의 형이 자동으로 string으로 변환되어 더해졌다. number 변수와 string 변수를 더할 수 있다. 변수형을 안 바꿔줘도 알아서 변한다. 보통 문자열로 변환해주는듯하다. c에서 int형끼리 연산하면 소수부분은 나오지 않는다. 예를 들어 int a= 1..

프로그래머스 메인 html/css 저번에 position에 대해 포스팅한 적이 있었는데 틀려서 비공개로 돌렸다. position position의 속성 값 중에서 static, relative, fixed, absolute에 대해 정리한다. position:static; position의 기본 값이다. 따로 포지션의 속성 값을 따로 정해주지 않았다면 해당 엘리먼트의 포지션 속성 값은 static이다. 그림을 사용해 이해를 돕는다. 1 2 3 4 5 위 코드의 실행결과는 위와 같다. 검은색 박스에 변화를 주면서 살펴본다. position:relative; relative 속성값을 받은 element는 top, right, bottom, left 속성 값을 부여하여 이동할 수 있다. 현재 자신의 위치에서 상..

어제 레이아웃 개선할 점 - 필요 없는 table 넣지 말기 - naming 더 신경쓰기 - 필요 없는 class, id 주지 말기 - 진행중, 종료 태그 붙이기 , 태그 기울기주기 - 이미지 크기 선택영역만 보이게 하기 - svg path 알아보기

선택자::before{ 속성:속성값} : 선택자(a)에 해당하는 내용이 나오기 전에(before) 해당 속성을 부여. 3월 블록체인반 모집 임박 #subject7>ul>li>a::before{ content: " - "; } - 3월 블록체인반 모집 임박 이렇게 그냥 html에 '-'를 넣어줘도 화면에는 똑같이 나오지만 앞에 붙은 ' - '를 다른 기호로 바꿔주고 싶을 때, 바로 위의 경우는 html에서 해당 영역에 대해 다 수정을 해줘야 한다. 하지만 a:before를 사용하면 content 속성 값만 수정하여 쉽게 변경할 수 있다. 여러 줄의 html을 한 줄? 두줄? 의 css로 바꿀 수 있게 된다.

주석으로 html/css 영역 구분 잘 하기 div남발 하지 말 것. div로만 계속 하면 가독성이 떨어짐. [테이블] ‘게임 콘텐츠 제작’ 취업률 1위! 취업현황- [어디] [누구] 합격을 축하합니다. 정규 개강일 - 4월 5일 월요일 테이블을 만드는 태그 행을 만드는 태그 열을 만드는 태그 [z-index:숫자] : layer 설정 예) visualBar(50px짜리 검은색 가로선)가 [오시는 길] 위를 덮어서 거슬렸다. 나는 오시는길이 포함되어 있는 퀵메뉴를 검은선 위에 올리고 싶었다. 이럴 때 z-index:숫자를 써주면 되는데, 더 위쪽에 나타내고 싶은 객체에 더 높은 수를 주면 된다. position속성도 할당해야한다. 퀵메뉴는 위치에 고정시키려고 position:fixed를 줬고 비주얼바는 ..

[] .prev{ position: relative; left: -20px; bottom: 45px; width: 20px; height: 30px; background: #eee; } .prev>a{ color: #fff; } .prev:hover{ background: #ddd; } .next{ position:relative; left:260px; bottom:75px; width: 20px; height: 30px; background: #eee; } .next>a{ color: #fff; } .next:hover{ background: #ddd; } 취업자 인터뷰에 나오는 저 빨간색이 이미지인줄 알고 Sources에서 계속 찾았는데 아무리 찾아봐도 안 보여서 코드를 보니까 각각 에 a태그를 주고..

W3C : HTML 표준을 볼 수 있는 곳. html 에서 >

첫째 날 배우고 그냥 넘어갔던 게 있었다. 아이디: 패스워드: 패스워드 확인: 생년월일: input 특성 유형 설명 placeholder password, search, tel, text, url 양식 컨트롤이 비어있는 때 양식 컨트롤에 나타나는 내용 양식 컨트롤? 뭐 어렵게 적혀 있는데 그림으로 보면 한 번에 이해가 된다. 박스 안에 아이디나 비밀번호를 입력하면 내용이 들어가게되면서 양식 컨트롤이 비어있는 상태가 아니기 때문에 placeholder로 지정해준 내용은 사라진다. 과제) 네이버 로그인 화면 비밀번호 박스 만들기. 아이디 @naver.com 비밀번호 저번에 과제로 네이버 회원가입 화면을 한번 그대로 따라해봤는데, 그때는 뭐 소스코드를 보고 따라한 게 아니라 화면에 보이는 대로 따라 했었다. ..