이레

배열(Array)은 연관된 데이터를 모아서 관리하기 위해 사용합니다. 변수가 하나의 데이터를 저장하기 위한 것이라면, 배열은 여러 개의 데이터를 저장하기 위한 것입니다. ✨ 배열 생성하기 public static void main(String[] args) { String[] testGroup = {"test1", "test2", "test3", "test4"}; } ✨ 값 가져오기 컴퓨터는 숫자를 카운팅 할 때 0부터 하는 특성이 있습니다. 아래의 배열에서 3번째 원소의 값을 가져오려면, public static void main(String[] args) { String[] testGroup = {"test1", "test2", "test3", "test4"}; } System.out.println(..

$('[id$=Form]'); //Form 으로 끝나는 id 찾기 $('[id^=Form]'); //Form 으로 시작하는 id 찾기

✨ 형 변환이란? 모든 변수와 리터럴에는 타입이 있습니다. 작업을 할 때 같은 타입뿐 아니라 서로 다른 타입 간의 연산을 해야 할 경우가 있는데, 이럴 땐 연산 전에 타입을 맞춰줘야 합니다. 변수나 리터럴 타입을 다른 타입으로 바꿔주는 것을 형 변환이라고 합니다. ✨ 형 변환 방법 변환하고자 하는 변수나 리터럴의 앞에 변환 타입을 괄호와 함께 붙여줍니다. double sample = 95.1; int code = (int)sample; //double 타입의 변수 sample을 int 타입으로 변환 * double, float => int로 형 변환 시 소수점 이하 값은 버림으로 처리됩니다. 기본형에서 boolean을 제외한 나머지들은 서로 형 변환이 가능합니다. 기본형과 참 조형 간의 변환은 불가능합니..

✨ 변수 (variable) 값을 저장할 수 있는 메모리상의 공간을 의미합니다. 하나의 변수에 하나의 값만 저장할 수 있기 때문에 새로운 값을 지정하려면 기존의 값은 삭제해야 합니다. ✨ 변수의 선언과 초기화 변수를 사용하기 전에 처음으로 값을 지정하는 것을 초기화라고 합니다. int month; //int형 변수 month 선언 int month2 = 6; //int형 변수 month2를 선언하고 6으로 초기화 ✨ 두 변수의 값 교환하기 두 변수 x, y의 값을 서로 바꾸려면 어떻게 해야 할까요? int x = 10; int y = 30; 변수를 하나 더 선언해서 임시 저장소로 이용합니다. 1, 변수 x의 값을 변수 z에 저장 2, 변수 y의 값을 변수 x에 저장 3, 변수 z의 값을 변수 y에 저장 ..

웹사이트의 레이아웃을 제작할 때 화면의 해상도를 고려해서 제작을 해야 합니다. 요즘은 스마트기기 사용이 많아져 해상도에 따라 배치를 변경하며 가독성을 높이게 됩니다. 이러한 작업을 반응형 작업이라고 합니다. 반응형 작업을 하기 전에 head 태그 안에 meta 태그를 추가해줍니다. css에는 @media 쿼리를 이용합니다. ✨ 모바일 우선일 때 작은 폭을 먼저 작성합니다. @media ( min-width: 768px ) { 768 이상일때 스타일 } @media ( min-width: 1024px ) { 1024 이상일때 스타일 } ✨ 데스크톱 우선일 때 큰 폭부터 먼저 작성합니다. @media ( max-width: 1024px ) { 1024 이하일때 스타일 } @media ( max-width: ..

input 태그에 제이쿼리를 이용해 val 값 넣는 방법입니다. $(".input").attr("value","넣고싶은값");

네트워크에 대해 조금이라도 공부하신 분들은 get과 post를 많이 보셨을 텐데요. get과 post는 http 프로토콜을 이용해 서버에 정보를 전달한 때 사용하는 방식들입니다. 웹 개발에 있어 기초적이고 꼭 알고 있어야 하는 기본적인 내용입니다. ✨ GET GET는 서버에서 정보를 '가져와서' 보여줄 때 사용되는 메서드입니다. 데이터를 읽거나 검색할 때 사용되며 요청을 전송할 때 URL 주소 끝에 파라미터로 포함되어 전송됩니다. 데이터의 변형 위험 없이 사용할 수 있다는 장점이 있습니다. 단, 파라미터에 정보가 노출되기 때문에 보안이 떨어집니다. https://sevendays.tistory.com/resource?name=seven ✨ POST POST는 서버로 정보를 보내는 메서드입니다. 전송할 데..

1) 와이어프레임을 참고하여 html과 css 기초 구조를 잡아줍니다. 2) 앞서 했던 A유형과는 달리 nav 영역이 왼쪽에 있고 세로로 떨어지는 형태입니다. 이용안내 이용방법 이용시간 이용요금 이벤트정보 현장이벤트 온라인이벤트 이벤트예약 프로그램 프로그램안내 온라인예약 단체예약상담 고객센터 공지사항 자주묻는질문 자료실 .header {width:200px;background:rgb(218, 218, 248);} .logo {width:200px;height:40px;} .nav {width:180px;margin:0 auto;} .nav a {display:inline-block;width:100%;height:100%;font-weight:bold;} .nav-menu-group {text-align..

1) 기본구조 잡는 것과 css 기본 잡는 것은 A-1과 비슷합니다. A-1을 참고해주세요. 2) 이번 nav영역은 background가 깔립니다. 구조를 작성할 때 까먹지 말고 함께 해주세요. 재단소개 설립취지 연혁 찾아오시는길 후원하기 국내후원 국외후원 맞춤후원 자료실 서식자료실 사진자료실 후원양식 스토리 웹진 보고서 나의후원 .header {position:relative;display:flex;width:100%;height:100px; align-items:center;justify-content:space-between;} .logo {width:200px;height:40px;} .nav {margin-top:40px;} .nav-menu-group {display:flex;width:600..

1) html의 기본 구조를 잡은 후 요구사항에 적혀있는 것들을 토대로 css 기본을 잡아줍니다. @charset "UTF-8"; * {margin:0;padding:0;background-color:#fff;color:#333; font-family:'맑은고딕', sans-serif;font-size:16px;box-sizing:border-box;} ul,ol,dl {list-style:none;} a {text-decoration:none;} img {border:none;} 2) 와이어 프레임에 맞게 태그를 작성합니다. 브라우져 전체 넓이에 1200px 넓이로 가운데 정렬, 높이값을 각각 맞춰 계산해서 css를 작성합니다. #wrap {width:1200px;height:700px;margin:0..