분류 전체보기

[JavaScript] 선언, 연산자, if문

1. 이름 짓기 let message = "Hello", age = 25, num = 1; 이와 같이 한줄에 여러 변수의 이름을 지정할수 있다. 하지만 가독성을 위해 권장하는 방법은 아니다. userName = "홍길동"; 이처럼 var, let , const를 안쓰고 할당을 해줄수 있지만 이 또한 권장하지 않는다. let my_Name = "홍길동" let my-Name = "허준" 첫번째줄의 언더바( _ )는 변수의 이름으로 선언할 수 있지만 하이픈( - )은 변수의 이름으로 선언할 수 없다. 대소문자도 구별해줘야 한다. const COLOR_RED = "#F00"; const COLOR_GREEN = "#F0"; 이처럼 기억하기 힘든것을 변수로 사용하는건 관습 중 하나이다. 보통 대문자로 표기한다...

[언어분류] 컴파일 언어 VS 인터프리터 언어

1. 컴파일 언어 컴파일 언어란 작성된 언어를 번역한 후 번역된 언어를 실행시키는 것이다. 작성된 언어를 따로 번역해야 하기 때문에 번역에는 시간이 오래 걸리지만 번역을 하면 프로그램 실행 시 다시 번역을 하지 않아도 되기 때문에 실행 시키는 속도는 빠르다. 프로그램의 변경이 있을 시 새로 번역을 다시 해야 하기 때문에 적응이 느리다. C언어, JAVA등이 있다. 2. 인터프리터 언어 인터프리터 언어란 프로그램 실행 시 한줄 단위로 번역후 실행을 끝까지 반복하기 때문에 번역에는 시간이 짧게 걸리지만 실행하는 데에는 시간이 오래 걸린다. 프로그램의 변경이 있을 시 적응이 빠르다. Python 등이 있다.

[JavaScript] 변수

1. 변수 JavaScript 의 변수를 설정하는 방법은 여러가지가 있다. (1) var // 변수 구조 var 변수 = 값; var num1; 변수를 num1이라고 했을때 변수를 사용하려면 반드시 선언을 해야한다. 위와 같은 구조를 "변수 선언"이라고 한다. num1 = 10; 위와 같이 변수에 값을 대입하는 것을 "초기화" 라고 한다. var num1 = 10; 보통은 위와같이 변수선언과 동시에 초기화도 같이 해준다. var num1 = 30; 위와 같이 지정되 있는 변수값을 다시 선언할수 있다. 이것을 "재선언", "재할당" 이라고 한다. var는 재선언, 재할당이 모두 가능하다. (2) let let도 var와 같이 변수를 선언, 할당할 수 있다. 차이점 : let으로 변수를 선언, 할당할 경우 ..

[HTML] 형제 선택자, 속성 선택자

1. 형제 선택자 형제 선택자는 ~로 표시하며 처음을 제외한 나머지 선택자가 선택된다. 위와 같이 div~div 로 묶어주면 모든 div중 첫번째 div를 제외한 나머지 2,3,5 div를 선택한다. p~div 로 바꿔준다면 p뒤에 있는 div를 선택한다. 2. 속성 선택자 img 나 a태그에는 href, art, title 등 여러가지 속성이 있다. 이러한 속성들을 별다른 태그를 사용하지 않고 대괄호[] 로 묶어 선택할수 있다. 세부적으로 속성을 선택할 수도 있다. url까지 넣어주면 *를 이용하여 url의 일부를 넣어 줄수도 있다.

[HTML] CSS display, position

1. text 속성 종류 설명 color 글자색지정 text-decoration 텍스트에 밑줄이나 취소선 표시 여부 text-transform 텍스트 전체 또는 첫글자를 대문자로 표시 text-shadow 텍스트에 그림자 추가 text-align 텍스트 정렬 line-height 줄 간격 조정 letter-spacing 글자 사이 간격 조정 2. 박스모델 박스모델에는 블록레벨요소, 인라인레벨 두 가지로 나뉜다. 블록레벨 블록레벨 : 태그를 사용해 요소를 삽입했을때 혼자 한줄차지 (너비가 100%) ex) div태그, p태그 인라인레벨 인라인레벨 : 한줄을 차지 하지 않는다. 콘텐츠 영역 차지하고 나머지 공간에는 다른녀석이 올 수 있다. 한줄에 인라인 레벨 요소를 여러개 표시할 수 있다. 박스모델은 콘텐츠..

[HTML] 네비게이션 만들기

저번에 이미지를 누르면 다른 html로 이동하는 a태그를 사용했던 html위에 네비게이션을 만들었다. 네비게이션에 :hover를 이용하여 마우스를 갖다대면 해당 영화 포스터가 나오게 끔 만들었다. 먼저 네비게이션의 틀을 container, navi, ul, li 순으로 만들었다 container 안에 마블스튜디오로 배경을 넣었고 background : cover; 로 다 덮고 크기를 조절했다. 다음은 ul안에 li를 작성하면 글자앞에 ● 기호가 붙어있다. 이를 없애기 위해 list-style:none; 적용 li에 float:left를 적용하여 가로로 1자를 만들어 줬고 position을 통해 포스터가 겹치지 않게끔 자리를 잡아줬다. 다음 a태그를 이용해 네비게이션을 구성했는데 위 같이 누르기전 파랑색,..