본문 바로가기
728x90
반응형

☭DEVELOPER238

[FRONTEND] 이미지맵 만들기 이미지맵HTML과 XHTML에서 이미지 맵(image map)은 특정 이미지의 좌표 목록을 말하며, 이미지를 영역에 따라 다른 문서나 URL 등으로 연결하는 하이퍼링크를 생성하기 위해 만들어졌다.by.위키백과  이미지맵 만들어주는 사이트https://www.image-map.net/ Free Online Image Map GeneratorEasy free online html image map generator. Select an image, click to create your areas and generate html your output!www.image-map.net 이미지맵 만드는 방법1. 이미지맵 생성사이트 접속 2. 이미지맵을 만들 이미지 불러오기3. 이미지 영역 지정3. 코드 복사4. ht.. 2024. 11. 1.
자바스크립트 | 레츠기릿 자바스크립트 17 끝말잇기 | 첫번째 사람인지 판단하기 첫 단어를 입력한 사람인지 판단하기첫 번째 사람한테 1. 두 번째 사람한테 2. 세 번째 사람한테 3. 이렇게 순서를 부여했으므로 절차 2는 따로 코딩할 필요가 없다.  첫 번째 참가자 확인하는 순서도 1번째 참가자 제시어 : 입력 2024. 5. 28.
자바스크립트 | 레츠기릿 자바스크립트 16 순서도 | 끝말잇기 프로그램에는 프로그램 절차의 갯수가 고정되어야 한다.프로그램은 고정된 절차로 들어가야 한다. 또한 항상 내용이 같아야한다. 절차를 세울 때는 모든 가능성을 고려해야한다.절차 중에 올바른 경우도 있겠지만, 틀린 경ㅇ에는 어떻게 설명할지도 절차에서 언급해야한다.다만 처음부터 모든 가능성을 고려하기는 어렵다. 이런 경우에는 절차를 생각나는대로 만들어 놓고 차차 보완해나가는것이 좋다.  프로그램 절차를 만들 때의 원칙1. 프로그램 절차의 개수는 정해져 있어야한다.2. 각 절차는 항상 같은 내용이어야한다.3. 모든 가능성을 고려해야한다.4. 예시는 절차를 검증하는 데 사용한다.  끝말잇기 만들기 1번째 참가자 제시어 : 입력   HTML 태그 선택하기(querySelect.. 2024. 5. 28.
자바스크립트 | 레츠기릿 자바스크립트 15 객체 리터럴 객체리터럴객체는 여러개의 변수를 하나의 변수로 묶을 때 사용한다. 아래 코드는 문제가 없는 것 같지만, 다른사람의 정보를 추가로 표현하고 싶을 때는 문제가 된다.이미 name, year... 변수를 선언했으므로 다른사람을 표현할 때는 이 변수들을 재사용할 수 없다.const name = '조현영';const year = 1994;const month = 8;const date = 12;const gender = 'M'; 이럴 때 객체를 사용하면 여러개의 변수를 하나로 묶을 수 있다.객체 내부에 사용되는 naem, year... 같은 정보들을 속성(property)라고 한다.속성은 속성이름과 속성 값으로 구분된다.name: '조현영' 이란 속성에서는 name이 속성이름이고 '조현영'은 속성값이 된다.이처럼.. 2024. 4. 30.
자바스크립트 | 레츠기릿 자바스크립트 14 함수 함수(function)함수는 일정한 동작을 수행하는 코드를 의미한다.함수를 미리 만들어 놓고 원할 때 실행해 정해진 동작을 수행할 수 있다.함수를 만들 때는 보통 function 예약어를 사용하거나 =>(화살표) 기호를 사용한다.화살표 기호를 사용한 함수를 화살표함수(arrow function)이라고 한다. 반복되는 작업을 함수로 만들어서 호출하기만하면 되기 때문에 코드량을 줄일 수 있다. 형식function() {}//또는() => {} 함수에 이름을 붙여야한다.function a(){}const b = function(){}const c = () => {} 함수  선언문(function declaration statment)함수를 상수(consct)에 대입하는 대신 function 키워드 뒤에 함수 .. 2024. 4. 29.
자바스크립트 | 레츠기릿 자바스크립트 13 배열 const target =['h','b','c','d','e']; target.unshift('a'); console.log(target); 객체 객체(object)는 자료형의 일종. 다양한 값을 모아둔 또 다른 값이다. 객체의 종류는 크게 배열(array), 함수(function), 배열이나 함수가 아닌 객체로 나눌 수 있다. 배열 형식 const fruits = ['사과','오렌지','딸기','배']; 프로그래밍에서는 0부터 세는 경우가 많다. 프로그래밍에서는 자릿수를 인덱스(index)라고 한다. 배열 안에 다른 배열이나 변수를 넣을 수도 있다. const arrayOfArray = [[1,2,3],[4,5]]; arryOfArray[0]; //[1,2,3] 배열 내부에 든 값을 요소(element.. 2024. 3. 18.
728x90
반응형