본문 바로가기

1️⃣ Web10

[Web] Anchor (a 태그) Anchor의 개념 및 사용법에 대해 간단히 정리한다. 📎 Anchor Anchor의 특징 태그를 사용하며, 하나의 문서에서 다른 문서로 연결하기 위해 사용한다. 태그를 서로 중첩해서 사용할 수 없다. Anchor 속성 및 사용법 href 하이퍼링크를 클릭했을 때 이동할 문서의 URL이나 문서의 책갈피를 지정한다. target 하이퍼링크를 클릭했을 때 현재 윈도우 또는 새로운 윈도우에서 이동할지 지정한다. (default는 _self) title 하이퍼링크에 마우스 오버 시 설명을 출력한다. 네이버 구글 다음 같은 페이지 안에서 이동 같은 페이지 안에서도 특정 요소 클릭 시 그 위치로 이동하는 것이 가능하다. 목차 내용1 내용2 내용3 [내용1] 긴 내용 ... [내용2] 긴 내용 ... [내용3] 긴 .. 2022. 9. 18.

[Web] input 태그의 id와 name 차이점 input 태그 안에서 언제 name을 써야하고 언제 id를 써야 하는지 확실히 알지 못하여 오늘은 name과 id의 차이점에 대해 정리해보려 한다. 📎 id input 태그 id 속성 사용 형식 JavaScript에서 id 사용 방법 document.all.id.value id.value document.getElementById("폼_id").value id 속성 특징 page 안에서 중복 사용 불가하며 주로 JavaScript에서 사용하기 위해 지정한다. document.getElementById(id)를 통해서 해당 Element의 Object를 가져온다. id로 설정된 값은 파라미터로서 서버로 보낼 수 없기 때문에 서버에서 접근이 불가하다. 📎 name input 태그 name 사용 형식 Jav.. 2022. 9. 18.

[Web] Form Tag와 이벤트, 이벤트 핸들러 오늘은 Form control 요소들과 속성, Form 이벤트에 대해 정리한다. front 단에서 서버와 소통하는 공간 ! 📎 Form Form의 개념 및 역할 사용자로부터 데이터를 입력받아 서버에서 처리하기 위하여 사용 사용자의 요청에 따라 서버는 HTML form을 전달 사용자는 HTML form에 적절한 데이터 입력 후 서버로 전송함 (submit) 서버는 사용자의 요청 분석 후 데이터를 등록하거나, 원하는 데이터를 조회하여 결과를 반환함 👉 Form은 데이터를 받고, 보낼 수 있는 양식 Form 작성 form control 📎 form control 요소 form control이란? 사용자가 입력하는 control 요소들은 모두 태그의 하위에 위치해야만 서버로 전송된다. 각 control 요소마다.. 2022. 9. 18.

[SpringBoot] Spring 빌드하고 실행하는 방법 * 이 글은 MacOS, IntelliJ, Gradle을 기반으로 합니다. 오늘은 프로젝트를 빌드하고 실행하는 방법에 대해 기록하려고 한다. 📍 빌드, 실행 [1] 빌드하기 가장 먼저, 내가 만든 프로젝트 디렉토리로 이동해주자. 나의 경우에는 SpringStudy-Start 라는 이름의 프로젝트로 이동해주었다. ☝🏻tip) cd 입력 후, 프로젝트 폴더를 cmd 창으로 클릭 앤 드래그 해주면 경로가 입력된다. 그리고 프로젝트 폴더를 보면 'gradlew'라는 실행 파일이 존재하는데, 그 파일을 아래 코드와 같이 입력하여 빌드시켜주면 된다. ./gradlew build 여기까지 하면 빌드 완료 ! [2] 실행하기 이제 build 폴더의 libs로 이동해주고, 아래의 명령어를 통해서 libs 폴더의 모든 파.. 2022. 4. 26.

[SpringBoot] spring-boot-devtools 라이브러리 사용 방법 * 이 글은 MacOS, intelliJ, Gradle을 기반으로 합니다. devtools 라이브러리에서 제공하는 기능은 다음과 같다. Property Defaults Automatic Restart Live Reload Global Settings Remote Applications 여기서 나는 Automatic Restart와 LiveReload 기능을 이용하여 서버를 재시작하지 않고도 프론트 변경 사항을 바로 확인할 수 있도록 하고자 했다. 이 기능을 사용하기 위해 거쳐야 하는 일들은 정말 간단한데, 도대체 왜인지 인터넷에 나와있는 글들을 보고 따라하면 전부 말을 안들었다,, 그래서 2시간 넘게 씨름하여 성공했고,, 그 결과를 기록해두려고 한다,,🫠 📍 devtools 라이브러리의 restart, .. 2022. 4. 26.

이전 1 2 다음

티스토리툴바