◎ Github 만든 홈피 시연하기 (무료 호스팅)
https://cocoon1787.tistory.com/532
[GitHub] 깃허브로 무료 호스팅 하는 방법
2년 전 친구한테서 깃허브로 호스팅 할 수 있다는 얘기를 듣고 그냥 흘려버렸었습니다. 최근 들어서야 포트폴리오를 만들어야 하는데 호스팅 업체에서 도메인을 구매하기엔 좀 부담스럽고 좋은
cocoon1787.tistory.com
◎ 무료 로고 제작사이트
Free Logo Maker - Hatchful by Shopify
Free Logo MakerCreate professional logos in secondsIntroducing Hatchful - the custom logo maker.Get startedDesign a logo from hundreds of templatesCreate professional logosHigh-resolution logos in just a few clicksHatchful is a logo maker built for entrepr
hatchful.shopify.com
◎ 우클릭 허용 시키기
개발자 도구 > Setting > Debug > Disable JavaScript 허용
◎ ul breadcrum CSS
https://www.codingfactory.net/11701
Bootstrap 4 / Breadcrumb / 사이트 이동 경로 꾸미기
Breadcrumb Breadcrumb는 빵 부스러기라는 뜻인데, 웹사이트에서는 사이트 이동 경로를 의미합니다. Bootstrap은 Breadcrumb을 꾸미는 CSS를 포함하고 있습니다. Indicate the current page’s location within a navigational
www.codingfactory.net
◎ CSS 링크걸기
https://www.codingfactory.net/10529
CSS / CSS를 HTML에 적용시키는 방법
HTML에 CSS를 적용시키는 방법은 세가지가 있습니다. 각 방법은 장단점이 있으니 상황에 맞게 적절한 방법을 택합니다. Inline Style Sheet HTML 태그의 style 속성에 CSS 코드를 넣는 방법입니다. Internal Sty
www.codingfactory.net
◎ CSS - 가로세로가운데 정렬
[css] display:flex - 가로세로가운데정렬
박스의 가로세로 정렬뿐 아니라 반응형일 경우 알아서 정렬을 딱!!! 일단 부모클래스를 플렉스로 만듭니다....
blog.naver.com
◎ 에러의 원인
굳이 RequestParam이 아니라 @HttpSession으로 주면 된다
◎ h태그 옆에 줄바꿈 제거
[html] h1,h2,h3,h4 태그 다음에 줄 바꿈 제거하기
[html] h1,h2,h3,h4 태그 다음에 줄 바꿈 제거하기 h1,h2,h3,h4 줄바꿈 안하고 싶나요?heading태그는 자체...
blog.naver.com
◎ 테이블 CSS로 가운데 정렬 안될때
https://kkamikoon.tistory.com/151
[HTML] 테이블 꾸미기(가운데 정렬)
HTML 에서 테이블을 쓰다가, 테이블의 제목은 가운데 정렬을 해주고 번호나 날짜는 가운데정렬을 하지만 제목이나 내용은 왼쪽 정렬로 출력하고 싶고.... 원하는 데로 테이블을 꾸미고 싶을 때가
kkamikoon.tistory.com
◎ 리턴값 ModelAndView 일때 매핑주소로 Redirect 하는법
https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=seonjun92&logNo=221610157803
Spring Frame - 서블릿 페이지 이동 redirect: 사용법
Controller에서 return 값을 JSP 파일 경로를 설정함에 따라 사용자에게 보여줄 View 파일을 설정할 ...
blog.naver.com
//만약 로그인 한했을 경우 로그인으로 이동
if(loginok==null) {
//여기 매우 중요!!!
//setViewName으로 하면 주소가 그대로 position에 main이 되기에 Redirect로 매핑 주소로 쏴줌
//그러나 return type이 String형이 아니기때문에 ModelAndView 형식의 Redirect 써줌
mview.setView(new RedirectView("/login/main",true));
} else {
//포워드
mview.setViewName("/position/positionmain");
}
◎ DB 최적화를 위한 조인 & 서브쿼리 구축
https://yoo-hyeok.tistory.com/98
[MySQL] Join 깔끔한 이해와 사용법
상단의 그림 정말 정리가 잘 되어 있습니다. 처음 접할 때 보고도 저게뭔가 싶었는데 초심자의 입장에서 이해하기 쉽도록 설명해보려합니다. 1. LEFT JOIN A, B 테이블 중에 A값의 전체와, A의 KEY 값
yoo-hyeok.tistory.com
<!-- 유저 id에 해당하는 Offer 정보 전체 -->
<!-- !!!조인문 작성완료!!! -->
<select id="getAllOffers" parameterType="String" resultType="odto">
select
offer.user_id as user_id,
offer.company_id as company_id,
offer.content as content,
company.name as name,
company.major as major
from offer join company on offer.company_id=company.id
</select>
◎ On/Off 버튼
https://ordinary-code.tistory.com/53
css로 만드는 체크박스 ON/OFF 스위치 버튼 디자인 예제(라이트모드/다크모드)
🐣 들어가기 전 요즘 UI상에서 사용자에게 직관적인 형태로 ON/OFF 스위치 버튼을 제공한다. 이러한 형태는 HTML input Checkbox를 이용하여 만들 수 있다. 다크 모드/라이트 모드 변환이라던지 해당 기
ordinary-code.tistory.com
◎ C foreach문 시작과 끝값 정하기
https://jamesyleather.tistory.com/348
[JSP/Servlet] c태그 사용하기 (<c:forEach begin="" end="" step="">)
begin, end, step 속성 begin, end 속성에 시작 번호와 끝 번호를 지정하고 step 속성을 이용해서 증가 값을 정할 수 있다. 속성 설명 begin 반복에 사용될 첫 번째 항목의 index end 반복에 사용될 마
jamesyleather.tistory.com
◎ delete Ajax 처리하기
BoardAnswerController (전체 - RestController - ResponseBody 불필요)
https://stealswan.tistory.com/169?category=1035803
https://okky.kr/article/495065?note=1500978
OKKY | ajax 통신 이후에 화면 새로고침 하는 방법
function deleteMember(userid) { $.ajax({ url : /securitysample/admin/deletemember , data : { id : userid}, type : POST , /* dataType : json , */ // 통
okky.kr
2021년 12월 8일 ~ 9일 - Mybatis & tiles (2)
stealswan.tistory.com
◎ Ajax 에러처리 - dataType 지우기 & Complete
https://blog.shovelman.dev/829
[삽잡이::jQuery] ajax의 error, success 그리고 complete
불금입니다. 그래요 불금이에요. 그런데, 어느 순간부터 그냥 집돌이가 되고 싶었어요. 불타는 금요일에 불타게 공부해봅시다! 예전에 ajax에 대해서 공부한 기억이 있습니다. (참고_ ajax가 뭐니?
blog.shovelman.dev
https://velog.io/@think2wice/Ajax-status-200%EC%9D%B8%EB%8D%B0-parse-error
[Ajax] status 200인데 parse error..?
오늘의 포스팅은 spring framework에서 restcontroller를 Ajax와 함께 사용하는중 발생한 error에 관한 내용입니다. Form데이터를 json 형태로 변환한 후 ajax를 이용하여 restcontro
velog.io
<script type="text/javascript">
//댓글 삭제
$("button.btndel").click(function(){
//삭제 버튼에 id값을 넣어놓는다.
var company_id= $(this).attr("company_id");
console.log(company_id);
//Ajax로 비동기 삭제처리
$.ajax({
type:"get",
url:"delete",
data : {"company_id" : company_id},
success:function(){
location.reload();
},
error:function(request,status,error){
alert("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);
}
});
});
</script>
//Offer 삭제
//실제 학제
@GetMapping("/position/delete")
public @ResponseBody void delete(@RequestParam String company_id) {
//dao호출
mapper.deleteOffer(company_id);
}
◎ Redirect가 필요한 이유
redirect는 매핑주소로 가는거(컨트롤러를 거쳐서 가는것)
redirect없는건 jsp파일로 (tilse setting한 형식으로)
https://dololak.tistory.com/147
[HTTP] 리다이렉트(Redirect)란?
HTTP 리다이렉트(Redirect)란? 리다이렉트란 말 그대로 re(다시) + 지시하다(direct) 다시 지시하는 것입니다. 예를 들어 브라우저가 www.test.com/page1 URL을 웹 서버에 요청했습니다. 서버는 HTTP 응답 메시
dololak.tistory.com
◎ Window.load 새창으로 열기
Javascript를 이용하여 브라우저 새 창 띄우기
자바스크립트로 location.href 를 설정하여 다른 페이지로 이동하는 코드를 짜는 경우가 있는데, 이동 하는 페이지를 새 창(브라우저)으로 띄우고 싶은 경우가 있습니다. 이럴 때는 다음과 같은 방
ooz.co.kr
◎ 팝업 형식으로 띄우기
자바스크립트 팝업창 열기 소스 - IT 정보사이트
특정 웹사이트에 접근하면 조그마한 형태의 팝업을 띄워 간단한 정보를 전달하는 형태를 자주 보실 수 있습니다. 이렇게 접속하자마자 뜨는 구조의 자바스크립트 팝업창 예제를 구현해 보겠습
ontheinfo.com
◎ 팝업 중앙 정렬
팝업창 중앙정렬 가운데 위치시키는 방법
자바스크립트를 사용하여 팝업창을 원하는 위치에 띄우는 방법을 알아봅니다. 일반적으로 중앙에 팝업창을 많이 띄우므로 아래는 중앙에 정렬 기준으로 팝업창 띄우기를 알아봅니다. ! 잠깐.
webisfree.com
◎ window.onload로 컨트롤러에 파라미터 전달
request.getParameter 활용해 새 탭으로 연 창에 값 전달하기
보고있던 창에서 다른 창으로 넘어갈 때 특정 값을 전달해주려고 url 뒤에 파라미터값을 붙여서 전달했다. 그럼 새로 열린 창에서 값을 받아야 하는데 찾아보니 크게 방법은 두가지 였다. * 부모
blog.hajs.me
◎ button window 닫기
창 닫기 버튼 만들기 여러가지 방법
[1] 하이퍼링크 타입 닫기 < a href='javascript:self.close();'>닫기 [2] 버튼타입 < input type='BUTTON' value=" 창닫기" onClick='window.close()'> [3] 창을 닫을것인지!! 질문창 없이 그냥 클릭하면 닫히도..
lia47.tistory.com
◎ [MSSQL] 조인 방법 쉽게 정리 (INNER JOIN, OUTER JOIN)
[MSSQL] 조인 방법 쉽게 정리 (INNER JOIN, OUTER JOIN)
SQL Server에서는 조인을 할 때에는 안시 조인(ANSI JOIN) 사용을 권장한다. 아래에는 조인(INNER JOIN), 아우터 조인(LEFT OUTER JOIN, RIGHT OUTER JOIN), 크로스 조인(CORSS JOIN) 사용법을 정리하였다. INNER..
gent.tistory.com
◎ Mysql Mariadb full-text 풀텍스트 검색 방법 자세히 알아보기
https://stricky.tistory.com/435
Mysql Mariadb full-text 풀텍스트 검색 방법 자세히 알아보기
Mysql Mariadb full-text 풀텍스트 검색 방법 자세히 알아보기 안녕하세요. Mysql이나 Mariadb에서 full-text 검색이 필요 할때가 있습니다. like 또는 instr 검색이 아니라 fulltext 인덱스를 생성해서 검색의..
stricky.tistory.com
◎ MySQL 전체 텍스트 검색
https://soranta.tistory.com/18
MySQL 전체 텍스트 검색
전체 텍스트 검색은 긴 문자의 텍스트 데이터를 빠르게 검색하기 위한 MySQL의 부가적인 기능이다. 전체 텍스트 검색을 사용하면 기사의 내용에 포함된 여러 단어들에 인덱스가 설정되어서 검색
soranta.tistory.com
create fulltext index idx_name on company(name);
create fulltext index idx_addr on company(addr);
create fulltext index idx_major on company(major);
◎ MySQL FullText Search - Match Against
https://velog.io/@jduckling_1024/MySQL-FullText-Search
MySQL FullText Search
varchar 타입의 속성을 가지고 인덱스를 생성하고, 조회 시 인덱스를 타도록 하여 Table Full Scan을 방지하여 성능을 개선할 수 있다. 하지만, 일반적인 인덱스만으로는 다음과 같이 검색할 경우 얘기
velog.io
◎ MySQL FullText Search
https://brownbears.tistory.com/5
Full text index란?
Full text index는 full text serach를 위한 index입니다. 예를 하나 들면, 아래 예시 1)과 같은 내용을 어떠한 게시판에서 검색하려고 한다고 가정합니다. Full Text Index가 무엇인가요? 그냥 index로 찾는 것과.
brownbears.tistory.com
◎ 불린 모드 검색(boolean mode search)
'프로젝트 > Final Job히다' 카테고리의 다른 글
| 2022년 1월 12일 - Job히다 파이널 프로젝트 마무리 & SIST 교육과정 수료 (5) | 2022.01.12 |
|---|---|
| 2021년 12월 7일 - 프로젝트 전 AWS DB & Github 연동 (0) | 2021.12.07 |
댓글