728x90 반응형 전체 글271 [Spring Boot] 컨트롤러 클래스 없이 특정 view대한 컨트롤러 추가 WebMvcConfigurer addViewControllers 🎯 Goal컨트롤러 클래스 없이 특정 view에대한 컨트롤러 추가💡 개념web과 WEB-INF 폴더 / WEB-INF에서의 앵커 태그에 관해서webapp폴더에 파일이 있을 경우 비즈니스 로직없이도 가상의 결과물을 만들어 직접적으로 뷰를 살펴 볼 수 있다.그렇기 때문에 http://localhost:8080/test.jsp로 접속 시 해당 페이지를 볼 수 있었던 것이다.🔑 에러 원인WEB-INF 폴더에 있는 main.jsp 파일은 왜 볼 수 없었던 것일까?WEB-INF 폴더의 경우 브라우저에서 직접적으로 접근이 불가한 경로다.직접적으로 볼 수 없기 때문에 앵커 태그로 이동이 불가하며, Controller를 통해서만 이동을 해야 한다.http://localhost:8080/main.jsp와 직접 같이.. 2024. 5. 16. [네트워크] localhost 와 127.0.0.1 📌 localhost 로컬 디바이스에서 사용되는 도메인 이름📌127.0.0.1 현재 기기의 로컬 IP 주소를 의미거의 모든 컴퓨터 환경에서 자기 자신을 접근하는(loopback) 경우가 잦다.그리하여 OS 자체적으로 제공하고, 항상 고정되어 있는 IP(127.0.0.1) 과 호스트네임(localhost)을 갖는다. 127.0.0.1은 예약된 IP 주소로 인터넷상에 일반 IP로는 쓰일 수 없는 주소이다.OS에서 가상으로 지원하며, 랜카드 등 디바이스 자체를 통과하지 않고 소프트웨어적으로 처리된다. 반면에 자신이 인터넷 상에 할당된 IP가 111.111.111.115인 경우자신의 IP로 직접 접근할 때는 랜카드 드라이버 등 디바이스 영역을 통과하여 처리되기 때문에localhost로 접근하는게 더.. 2024. 5. 14. [Tistory] 티스토리 블로그에 깃허브 아이콘 넣어보기 (북클럽 Book Club 스킨)(Github) 티스토리 블로그에 깃허브 아이콘을 적용 완료한 화면!1. 티스토리 설정티스토리 관리 → 메뉴 → 꾸미기 탭 → 스킨편집 2. 폰트어썸(Font Awesome) CDN 연결 / 깃 아이콘 사용 영역 안에 해당 코드를 붙혀넣는다. 영역 안에 해당 코드를 붙혀넣는다. About me 🐇 3. 적용 완료적용 버튼을 누르면 완료 된다. 폰트어썸(Font Awesome)사용한 아이콘 사이트 Font AwesomeThe internet's icon library + toolkit. Used by millions of designers, devs, & content creators. Open-source. Always free. Always awesome.fontawesome.com .. 2024. 5. 13. [HTML] 시맨틱 태그(Semeantic Tag)란? 📌 시맨틱 태그(Semeantic Tag) 란?Sementic 요소들로 아래와 같이 직관적으로 웹사이트를 구성할 수 있습니다.🔎 시맨틱 태그의 종류태그설명사이트의 머리부분에 사용웹 페이지 메뉴를 만들 때 사용 메인 콘텐츠를 나타내는데 사용 제목별로 나눌 수 있는 문서의 콘텐츠 영역을 구성하는 요소개별 콘텐츠를 나타내는 요소 (여러개 반복되는 요소)좌우측의 사이드 영역사이트의 바닥부분, 주로 연락처나 제작자 정보등을 기술하는 부분 제목과 부제목을 묶어서 나타내는 요소 📌 시맨틱 태그 상세 설명 태그는 보통 사이트의 도입부, 즉 머릿 부분에 사용되며 사이트의 로고나 제목 등을 기술할 때 사용합니다. 하나의 구역이기에 태그 안에 부수적인 태그들이 추가로 들어갈 수 있으며 주로 태그를 사용해 검색.. 2024. 5. 13. [CSS] CSS Flex(display: flex) 레이아웃 구성과 정렬 display : flex 정리 1 2 3 4 5 display : flex부모 클래스에 flex 속성을 줘야 나머지 flex 속성을 사용할 수 있다..box_wrap{ display: flex;}display : flex-direction : 정렬의 방향을 선택 정방향 : row; 정방향 + 역순정렬 : row-reverse; 세로방향 : column; 세로방향 + 역순정렬 : column-reverse;.box_wrap{ display: flex; flex-direction : row;// flex-direction : row-reverse;// flex-direction : column;// flex-direction : col.. 2024. 5. 13. [CSS] CSS Position 속성 5가지 정리 (static, relative, absolute, fixed, sticky) Position 이란?element 배치하는 방법을 지정해주는 속성이라고 하며static, relative, absolute, fixed, sticky 5가지가 있다.1. staticdefault 값으로 명시되어 있지 않을 경우 position : static; 으로 적용문서의 흐름에 따라 element 배치top, right , bottom, left, z-index 속성에 영향을 받지 않음HTML의 요소가 일반적인 흐름으로 배치되는 속성2. relative문서의 흐름에 따라 element 배치top, right , bottom, left 를 주면 static이었을 때의 위치에서 주어진 값만큼 이동static과 동일하게 일반적인 흐름으로 배치되는 속성차이점은 현재 자신의 위치를 기준으로 배치를 좀 더 .. 2024. 5. 13. [광고] 카카오 애드핏 블로그 수익 광고 등록방법 카카오 애드핏(Kakao AdFit)을 통해 수익형 광고 노출할 수 있습니다. 1. 티스토리 광고 연동티스토리 관리 → 메뉴 → 수입 탭 → 애드핏 광고 연동하기 클릭 티스토리에서 사용하고 있는 카카오계정으로만 애드핏으로 연동 가능 계정설명을 간단히 입력하고 이메일 인증 및 휴대전화 번호 인증 2. 심사 기다리기 (약 3~5일 소요) 2024. 5. 13. [광고] 구글 애드센스 블로그 수익 광고 등록방법 구글(Google) 애드센스를 통해 수익형 광고 노출할 수 있습니다. 1. 구글 애드센스 접속아래 링크로 들어가 구글 아이디로 로그인한다.https://adsense.google.com/ Google 애드센스 - 웹사이트에서 수익 창출하기Google 애드센스의 웹사이트 수익 창출 기능을 사용하여 수익을 올려보세요. Google 애드센스에서 광고 크기를 자동으로 최적화하여 광고의 노출 및 클릭 가능성이 높아집니다.adsense.google.com 2. 도메인 또는 URL 등록 아래 방법대로 진행하시면 됩니다. 3. 구글 애드센스 승인애드센스 승인이 되면 메일로 알려줍니다. 보통 승인까지 18일 걸립니다. 2024. 5. 13. [검색엔진] Zum(줌) 검색엔진 블로그 노출 검색 등록방법 줌(Zum) 검색결과에 노출할 수 있습니다. 1. Zum 사이트 신규등록 접속아래 링크로 들어가 구글 아이디로 로그인한다.https://help.zum.com/home 고객센터 - zum help.zum.com 줌고객센터 - 자주찾는메뉴 - 사이트티스토리를 사이트에 신규등록으로 등록을 해주면 됩니다. 2. 도메인 또는 URL 소유권 등록신규등록에 보면 필수입력란 이메일/ 사이트주소/ 사이트명/ 사이트소개 를 작성해주면 됩니다.따로 첨부할 파일은 없으니,모두 기입한 후에 아래 수집동의체크 후에 보내기 하시면 됩니다. 2024. 5. 13. 이전 1 ··· 15 16 17 18 19 20 21 ··· 31 다음 728x90 반응형
