꼼찌냥1-web

switch문 변수에 지정된 값과 switch 문에 있는 경우 case의 값을 검사하여 변수와 경우의 값에서 일치하는 값이 존재할 때 실행문을 실행합니다. if문의 만족하는 데이터가 여러 개일 경우 사용했다면 switch문은 여러 개 중 일치하는 데이터를 찾아 실행합니다. 사용방법은 아래의 첨부한 이미지와 같습니다. 케이스의 값 중 일치하는 데이터가 있으면 그에 해당하는 실행문을 실행하고 break; 문을 만나서 종료됩니다. 만일 일치하는 데이터가 없드면 마지막에 default 있는 실행문을 실행하고 종료됩니다. prompt로 질의응답을 받아서 이동하고 싶은 사이트로 이동해 봅시다. case "네이버": 여러분들이 설정한 사이트로 이동을 하기 위해서 prompt를 통해 문자로 반환받을 것이고 이 문자에 ..

JavaScript 2022. 9. 26. 02:10

1.제어문의 정의 : 제어할 수 있도록 도와주는 실행문을 말합니다. 조건에 따라 실행되는 것이 조건문입니다. 선택문은 일치할 경우 실행하는 되는 것이 선택문입니다. 반복은 실행을 지정한 횟수만큼 반복해서 실행하는 것이 반복문입니다. 제어란 사전적 의미 여러 가지 중에서 기계나 설비 또는 화학반응 따위가 목적에 알맞은 작용을 하도록 조절하는 것이라고 되어져 있습니다. 알맞은 목적에 작용하는 것 = 실행문 조절하는 하는 것 = 조건, 선택,반복 요소가 된다고 생각합니다. 어디까지나 저의 견해이므로 틀릴 수 있는 점 참고해 주시기 바랍니다. 1-1 조건문 : 조건에 따라 참 또는 거짓인지 따라 실행문의 제어가 결정됩니다. 4를 2로 나눈 나머지는 0 입니까? 컴퓨터에게 묻는다면 참을 반환하겠죠. A. if 문..

JavaScript 2022. 9. 22. 02:38

1. 크기를 설정하는 속성 (width, height) : 만약 여러분들이 img 태그를 사용해서 경로만 지정할 경우 해당 이미지의 크기의 원본 사이즈에 해당하는 사이즈로 설정됩니다. 그러나 우리가 사용해야 하는 이미지의 크기가 한계가 존재하거나 기획된 단계에서는 해당 사이즈로 지정할 필요가 있습니다. 1-1. width : 너비를 지정할 때 사용하는 태그 입니다. 1-2. height : 높이를 설정할 때 사용하는 태그 입니다. 사용법 width: 크기입력, 단위입력 (px, em, %) ex) 아래의 이미지는 1913 * 1023 사이즈를 갖습니다. 그럼 기존 비율에 맞춰 400 * 225 사이즈로 img를 수정하여 이미지를 출력해 봅시다. 2. 이미지 설명 글 붙이기 2-1. 설명 글을 붙일 대상지..

HTML 2022. 9. 21. 23:40

1. 태그는 이미지를 웹 문서에 이미지를 삽입할 때 사용합니다. 사용방식 : [속성:"값"] 여기에서 src 속성은 이미지 속성의 URL 명시 합니다. source 말하는 약어이므로 기억하기 쉽죠. 아래의 이지미를 링크를 걸어봅시다. 웹상의 이미지는 저장권을 가지고 있으므로 주소복사를 하실 때에는 꼭 출처를 밝히주셔야 하니 유의해 주세요. 저 아래의 링크는 아래와 같습니다. https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2Fn8afw%2FbtrMC8SiFzC%2FAAAAAAAAAAAAAAAAAAAAAPWiwF-s3c-eRwJve-Ke-89iHAQFCsm68SCfpas7y0qD%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DXRZ7yT8DkFRC7CMeuF81wVA2vPI%253D 우선 아래와 같이 img src 속성으로 주소만 이미지는..

HTML 2022. 9. 20. 23:00

1. 웹 이미지 형식 : 웹 페이지에서 사용할 수 있는 이미지 파일은 파일 크기가 크지 않고 화질도 좋아야 합니다. 티스토리에서 JPEG,GIF,BMP,PNG 포맷을 지원합니다. 더 다양한 테스트는 안해봤습니다. 포토샵에서 파일 저장할 때에만 해도 다양한 포맷들이 존재합니다. 1-1. 웹 이미지들의 종류 A. TIFF TiFF:Tagged Image File Format의 약어로 고품질 이미지 인쇄 분야에서 오래 전부터 표준으로 사용되는 형식 입니다. 태그를 포함하고 있는 이미지 파일이기 때문에 포토샵에서 생성한 레이어를 지원합니다. 태그나 레이어를 지원하고 사용할 수 있기 때문에 이미지에 대한 압축되지 않는 고품질의 디지털 이미지로써 상업 또는 전문 작업을 인쇄하거나 출판을 위해 작업을 위한 파일형식이..

HTML 2022. 9. 19. 18:54

1. 태그란? Column 열 뜻합니다. col 태그는 한 열에 있는 모든 셀 같은 스타일을 적용할 때 사용합니다. 닫는 태그는 사용하지 않습니다. 또한, 두 개이상의 열을 묶어 스타일을 지정하라면 span 태그를 이용해 묶어 지정할 수 있습니다. 지난번에 배웠던 caption을 table border="1" 적용해서 아래와 같이 만들어 보았습니다. 2. 태그란? col 태그는 묶어서 사용할 수 있습니다. colgroup 태그안에 col 태그를 사용해서 묶어서 사용가능합니다. 사용 시 주의사항: tr, td, 태그 전에 사용해야 하며, caption 태그 뒤에 사용합니다. 이젠 아래와 같은 테이블을 생성하겠습니다. CSS에서는 태그 만들어주고, th, td 적당한 픽셀을 만들어 줍니다. 저는 colgro..

HTML 2022. 9. 19. 18:02

안녕하세요. 곰샤나 입니다. 오랫만에 html로 돌아왔습니다. 공부할 때에는 별 도움 되지 않는 것들인데 배우놓으면 언젠가는 쓰게 되더라구요. 1. 표 구조 정의 thead는 표의 제목, tbody는 본문, tfoot 요약을 정의할 때 사용합니다. T = table과 합쳐진 태그입니다. 아래와 같은 표에 caption을 통해 테이블 제목을 설정하고 CSS 적용해서 적당한 크기와 글자 정렬 패딩을 적용했습니다. 전 아래와 같이 적용했구요. 만약 해당 CSS 작성하지 않으셔도 테이블 정의하는데에는 문제는 없습니다. 다만 스타일 없어서 단순하게 나올 뿐이죠. CSS 미적용 시 아래와 같이 출력됩니다. 아래의 이미지는 참고만 하시고 여러분이 작성하고 싶은 테이블을 종이,엑셀,한글 등에 작성하세요. 이후에는 어떤..

HTML 2022. 9. 19. 17:27

저는 금방 아래의 이전이라는 문구를 포토샵으로 만들었습니다. 여러분들도 포토샵을 이용해 간단하게 이전과 다음 이라는 이미지를 만들어 보시길 바랍니다. 포토샵으로 글자 및 로고 이미지 만들기 : https://ggom-nyang-web.tistory.com/14 [포토샵 글자 로고 만들기] 안녕하세요. 6년 전인가 포토샵을 과제가 있어서 공부를 했지만 기억은 1도 안납니다. 사실 과제 때문에 포스터 하나 만들었는데 어찌 만들었는지 -_-);;; 현재도 그렇게 사용하고 있지만요. 웹 ggom-nyang-web.tistory.com 1. 이미지를 사용하여 링크 페이지로 이동시키고 싶을 때 기본형식 입니다. Step 1. 사용할 이지미를 웹 상에 업로드 해 주세요. : 만약 웹상에 업로드 하지 않는다면 사용 시..

티스토리 관리 2022. 9. 19. 15:52