이레

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" }

스프링 프로젝트에는 Maven 기반과 Gradle 기반 이렇게 두 가지로 구성할 수 있습니다. 1, Maven Maven이란 자바용 프로젝트 관리 도구로 아파지 Ant의 대안으로 만들어졌습니다. 프로젝트를 진행하며 사용하는 많은 라이브러리를 관리해주는 도구입니다. 메이븐의 기능을 사용하기 위해서는 POM이 사용되는데, POM은 Project Object Model의 약자입니다. pom.xml에서 다루는 기능들은 - 프로젝트 정보 : 프로젝트 이름, 라이센스 등 - 빌드설정 : 소스, 리소스 등 빌드와 관련된 설정 - 빌드 환경 : 사용자 환경별로 달라질 수 있는 프로파일 정보 - pom 연관정보 : 모듈, 상위 프로젝트 등등 2, Gradle Gradle 이란 안드로이드 앱의 공식 빌드 시스템으로 빌드 ..

Controller은 주로 사용자의 요청을 처리하고 난 후 정해진 뷰에 객체를 넘겨주는 역할을 합니다. 대규모 서비스일수록 처리해야 할 서비스들이 많아지면서 중간 제어자 역할을 할 Controller이 생기게 됐습니다. 스프링에서 Controller를 쓰기 위한 어노테이션으로는 @Controller과 @RestController이 있습니다. @Controller 전통적인 스프링의 컨트롤러입니다. 예) @Controller public class HelloController { /* 화면에 helloworld가 출력됩니다. */ @GetMapping(value = "/helloworld/string") //Get method로 호출한다. @ResponseBody //응답에 그대로 출력한다. public S..

Array(배열) 자바에서 기본적으로 지원하는 자료구조입니다. 배열을 구성하는 값은 요소, 원소라 부르고 배열의 위치는 인덱스라고 합니다. 인덱스는 0부터 시작합니다. 배열을 선언하는 순간 크기를 지정하는데, 선언 이후 크기를 변경할 수 없습니다. ArrayList(리스트) 배열의 정적 크기를 극복하기 위해 나온 자료구조입니다. 순서가 있는 데이터의 집합으로 데이터의 중복을 허용합니다. 크기가 고정되지않고 가변적이며, 중간에 빈 공간이 없어야 합니다. 인덱스를 사용하지 못하고 get, set 메소드를 사용합니다.

이중 for문을 통해 2단에서 9단을 출력합니다. 첫 번째 for 문에서는 단을 나타내는 변수 i를 설정하고 두 번째 for문에서는 곱해질 수의 변수 j를 설정합니다. 태그를 통해 줄 바꿈을 해줍니다. See the Pen Untitled by jh-baek-95 (@jh-baek-95) on CodePen.

html 요소들은 각 요소에 따른 기본 표시값이 있습니다. 크게 block과 inline 요소가 있습니다. block 은 페이지에서 전체 너비를 차지하는 요소로 자동으로 줄 바꿈이 되는 태그입니다. 주로 레이아웃 영역을 만들 때 사용합니다. inline은 줄바꿈이 일어나지 않고 필요한 만큼만 너비를 차지하는 태그입니다. ✨ block tag 대표적인 태그로는 가 있습니다. 그 외 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ✨ inline tag 대표적인 태그로는 이 있습니다. 그 외 , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , ✨ 중첩 이러한 속성들은 중첩에 유의해야 합니다...