이레

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..

1, 웹디자인 기능사 실기 시험장에는 보통 코드에디터가 설치되어있고, 기본적으로 emmet이 있습니다. 가끔 단축키가 지원되지 않는 시험장이 있는데, 그럴 경우에는 html 구조부터 코딩해야 합니다. 아래 구조를 파악하고 있어야 합니다. 2, html, css의 charset은 utf-8로 해야 한다고 명시되어있습니다. css를 작성할 때 문서 제일 상단에 @charset 'UTF-8"; 작성을 해줘야 합니다. 2-1, js 파일 js 스크립트는 function 안에 작성해야합니다. $(function () { //js 코드 작성 }); 3, css와 js는 다른 폴더에 생성하여 html에서 불러와야 합니다. 특히 js는 제이쿼리 cdn도 함께 불러야 합니다. head 태그 안에 아래처럼 작성해줍니다. ..

데이터를 입력 후 엔터키를 이용해 처리하는 방법입니다. 엔터키의 키 코드를 알고 있어야 하는데, 엔터의 키 코드는 13입니다. 버튼에 적용하는게 아닌 input 태그에 onkeyup으로 적용시켜줍니다. function fnEnterkey() { if (window.event.keyCode == 13) { //엔터키로 실행시킬 기능작성 } }

엑셀을 이용해 데이터 분석을 하는 경우가 있습니다. 처음 데이터 탭을 오픈할 경우 데이터 분석 도구가 없는 경우가 있습니다. 1, 파일 - 옵션 - 추가기능- 이동 누르기 2, 분석도구 체크 - 확인 하면 완성!

보통 img 태그를 쓸 때는 html 안에 아래와 같이 들어가게 됩니다. 해당 src를 바꾸고 싶거나, background-image를 사용하지 않을 때 css에서 아래와 같이 사용할 수 있습니다. img {content: url(../images/img2.png);} ⭐️ 2022.12.15 추가 비슷한 유형으로 span 의 내용을 바꿀때도 content 를 사용합니다. https://sevendays.tistory.com/67 [CSS]css를 사용해 텍스트 바꾸기 / span 내용 바꾸기 html 구조를 변경하지 않고 css를 통해 span 안의 텍스트를 변경하고 싶은 경우가 있습니다. 그럴 때 '가상 선택자'를 사용하여 변경해줍니다. 저는 클래스를 하나 더 추가해 사용했습니다. 변경하 sevend..

스프링에서 단위 테스트를 진행하는 경우 @RunWith 가 import가 안 되는 경우가 있습니다. 이때 Junit의 버전이 4인지 5인지 먼저 확인을 합니다. Junit의 버전이 업그레이드 되면서 생긴 이슈인데, 5에서는 @RunWith를 생략 가능하다고 합니다. 생략하지 않고 그대로 쓰길 원하는경우 build.gradle dependencies에 아래 코드를 추가해줍니다. testImplementation("org.junit.vintage:junit-vintage-engine") { exclude group: "org.hamcrest", module: "hamcrest-core" }