분류 전체보기 (79) 썸네일형 리스트형 자바스크립트 배열, Math함수, HTML 태그 배열변수 하나에 여러 개의 값을 저장할 수 있는 특별한 데이터 형배열과 일반 변수의 차이일반 변수는 하나의 변수에 하나의 값만 저장 할 수 있음배열은 변수 하나에 여러 개의 값을 저장 가능배열 생성var 변수이름 = [데이터[,…]];ex) var students = [“Gildong”, “21900001”, “이몽룡”];배열 요소 접근배열이름[n];n은 배열 요소의 인덱스를 나타냄.인덱스 값은 0 부터 시작하여 배열크기-1까지의 값임배열 관련 메서드배열 값 변경: {배열이름}[i]={값}배열 길이 확인: `{배열이름}.length배열 값 추가: {배열이름}.push({값})i번째부터 n개의 배열 값 삭제: {배열이름}.splice(i, n)배열 값의 인덱스 찾기: `{배열이름}.indexOf({값마지막.. 점수 구현 공부 (1) 보호되어 있는 글입니다. 자바스크립트(변수, 사칙/증감/감소/비교/논리 연산자, 불리언) JavaScript웹 브라우저에서 동작하는 스크립트 언어HTML 요소 조작, 사용자 입력 처리 가능가장 인기있는 프로그래밍 언어앱 개발서버측 프로그램 개발사물인터넷 개발 등다양한 방면에서 이용됨웹 브라우저에서 코드 작성 및 실행가능데이터베이스부터 앱까지 모두 개발 가능타 언어에 비해 배우기 쉬움변수어떤 값을 저장하는 임시저장 공간프로그램에서 값을 저장해야 할 때 사용형식var {변수명} = {저장할 값}값 출력console.log({출력할 값}) 입력 후 Enter1: name 이라는 변수에 ‘자바스크립트’ 라는 문자를 저장2: name을 출력하는 것이 아니라 name 변수에 저장되어 있던‘자바스크립트’ 라는 문자를 출력3: name 글자를 출력하기 위해서는 console.log(‘name’) 처럼 따옴.. 3회차 오답노트 overflow: auto콘텐츠가 넘치는 경우에 자동으로 스크롤바를 생성넘치지 않으면 스크롤바 없음→ “필요할 때만 스크롤”overflow: scroll콘텐츠가 넘치든 말든 항상 스크롤바를 표시→ “항상 스크롤”워드프레스(WordPress)는 기본 기능 외에도 추가 기능을 덧붙여 확장할 수 있음.바로 이때 사용하는 것이 Plugin(플러그인) wp-admin워드프레스를 설치하면 자동으로 포함되는 관리자 페이지 주소(/wp-admin)임.플러그인이 아니다 → 오답ec2-admin / ec2-userAWS EC2에서 사용하는 시스템 계정 이름워드프레스 플러그인과 전혀 관련 없음 → 오답wp-user이름에서 “wp-” 접두사가 붙어 워드프레스 플러그인처럼 보임보기에 있는 선택지 중 유일하게 플러그인의 형식에.. 부트스크랩 소개 및 활용 Bootstrap“웹 디자인을 목적으로 하는 오픈 소스의 Framework”CSS와 JAVA 스크립88트로 이루어진 라이브러리트위터 내부의 인터페이스 일관성을 목적으로 개발(Blue Print)오픈 소스로 공개되면서 Bootstrap으로 바뀜Framework소프트웨어의 생산성 문제 때문에 개발된 방법반복된 구조나 기능들을 추상화 시켜 재사용을 가능하도록 하는 소프트웨어 환경Boostrap 활용 대학생 설문조사 이메일 주소 우리는 당신의 이메일 주소를 금전적 이익을 위해 사용할 것입니다. 암호 몇 학년이신가요? 1학년 2학년 3학년 4학년 대학교를 왜 다니시나요? (모두 .. CSS의 고급 활용(전환, 애니메이션, 그래디언트, 그림자, 페이징, 툴팁, 2D변형) CSS 전환CSS 애니메이션CSS 그래디언트 배경CSS 텍스트 그림자 효과그림자에 색 적용 박스 그림자 효과 적용박스 색깔 그림자 적용 박스 색깔 그림자에 흐림 효과 적용 CSS 페이징색상 효과 적용 CSS 툴팁CSS 2D 변형RotateScaleTranslate CSS 기초 활용하기(테두리, 높이와 너비, 여백, 박스, 아이콘, 오버플로, 가상 클래스. 드롭다운) CSS 테두리CSS 높이와 너비CSS 여백CSS 박스 모델CSS 박스 모델: 본질적으로 모든 HTML 요소를 감싸는 상자여백, 테두리, 패딩 및 실제 내용으로 구성CSS 아이콘 모델CSS 오버플로 모델Visible: 길이 초과 부분 보기 가능Hidden: 길이 초과 부분 보기 불가능Scroll: 길이 초과시 스크롤로 보기 가능Auto: 입력 길이에 따라 크기 초과시 스크롤 자동 생성CSS 가상 클래스link: 방문한적 없는 링크visited: 이미 방문한 링크hover: 링크에 마우스 올릴 때 활성화active: 주소 클릭 시 순간 활성화CSS 드롭 다운 CSS 정의와 구조 알아보기 스타일 시트(Style sheet문서의 외형을 구체적으로 명시하기 위한 문장의 집합웹 페이지 구성 요소에 크기, 색깔 등의 스타일을 일괄적으로 적용글자 간격, 문단 간격, 위치 등 HTML 태그로는 제어할 수 없는 부분을 제어문서의 구조와 스타일의 분리스타일의 변경과 웹 페이지의 일관성 유지가 용이스타일 시트 사용의 장점문서의 내용에서 스타일 정보가 분리똑같은 스타일 정보를 반복할 필요 없음스타일 변경 시 스타일 정보 만을 바꾸어 주면 되므로 변경이 용이스타일 시트 정의 문법 종류CSS (Cascading Style Sheet)스타일 속성, 속성값으로 스타일 제어 상속의 예시를 설명합니다 이전 1 ··· 5 6 7 8 9 10 다음
