우당탕탕 초보 개발자

헤더바에서 글쓰기 버튼을 누르면 글을 작성할 수 있는 폼으로 이동시켜줘야한다. header.jsp을 보면 글쓰기를 클릭하면 /board/saveForm으로 이동하게 설정되어 있다. 이를 잡아줄 수 있는 컨트롤러를 하나 만들어야 한다. /board/saveForm으로 이동하는 url을 핸들링해서 "board/saveForm"으로 이동시켜준다. board/saveForm은 실제로 사용자들이 글을 작성할 수 있게끔 폼을 보여줘야하므로, views 폴더 밑에 board라는 폴더를 생성 후 saveForm.jsp를 생성해준다. W3Schools Free Online Web Tutorials W3Schools offers free online tutorials, references and exercises in a..

Jquery란? html 상에서 자주 사용하는 javascript 코드를 간단하게 사용할수 있는 기능을 제공해주는 라이브러리 시작하기 태그 안에 javascript cdn을 넣어서 사용 자주쓰는 JQUERY id로 특정 태그 찾기 : $('#id') input의 입력값 가져오기 : $('#id').val() input의 입력값 셋팅하기 : $('#id').val('입력값') 특정태그 숨기기 : $('#id').hide() 특정태그 보이기 : $('#id').show() 특정 태그에 하위 태그 추가하기 : $('#id').append(tag) 특정 태그 삭제 : $('#id').remove() 특정 태그의 하위 태그 삭제 : $('#id').remove(하위 태그) 특정 태그의 모든 하위 태그 삭제 : $..

9월 한달도 굉장히 빠르게 흘러갔다. 9월의 마지막날인 오늘을 기준으로 9월 한달을 돌아보면, 스스로 만족할 수 있을정도로 계획했던 목표와 계획을 성공적으로 이룬것 같아서 뿌듯하다. 한달동안 무엇을 했고, 다가오는 10월달은 어떤 마음가짐을 가지고 임할 것 인지 글을 작성해보도록 하겠다. #1. 한달동안의 일과. 먼저 9월 한달동안 매일 어떤 일과를 했는지 살펴보면 05 : 40 기상 및 등원준비 08 : 00 등원 15 : 20 하원 16 : 40 스터디 카페(알고리즘) 19 : 00 운동 20 : 00 강아지 산책 21 : 00 Git commit Push / 강의 듣고 개념 정리 / 독서 23 : 00 취침 이렇게 보낸 것 같다. 매일 매일 정해져있는 일과 속에서 생활하니 삶의 만족도가 훨씬 높아졌..

Spring Security login의 마지막 파트이다. loginForm 에서 /auth/loginProc 의 해당 주소로 이동하게 설정해놨다. 여기서 재밌는점은 UserApiController 에는 /auth/loginProc의 주소를 받는 컨트롤러는 존재하지 않고 /auth/joinProc의 주소만 존재한다. 이유는 뭘까? 그 이유는 바로 Security가 로그인 요청을 가로채게 만들 것이기 때문이다. 해당 설정을 위해 SecurityConfig에서 작업을 실시한다. .loginProcessingUrl() 이 로그인 요청을 가로채고 해당주소로 오는 로그인을 대신해주고 정상적으로 요청이 완료되면 .defaultSuccessUrl()의 해당 주소로 이동하게 된다. 여기서 중요한점은 우리는 loginF..

#개발자의꿈 21년 1년 동안 대학교에서 JAVA 동아리를 진행하면서, 동아리 담당 교수님에게 매일같이 코딩만이 살길이다. 라는 소리를 들어서 그런가 나는 자연스럽고, 막연하게 개발자의 꿈을 가지고 있었다. 당시 내 실력이라고는, 전공 수업으로 들었던 Java, Python의 기본 개념이 전부였는데 언젠가부터 이 정도 실력을 가지고는 개발자가 될 수도, 꿈꿀 수도 없을 것 같은 생각이 들기 시작했다. 당시에 나와 같이 개발자를 꿈꾸고 있던 친구와 함께 우리 학교 학생들을 위한 서비스를 목표로 프로젝트를 시작했다. #프로젝트의 시작 진짜 아무것도 모르고 시작한 프로젝트여서 그런지 어떻게 시작해야 되는지조차 막막했다. 일단 어떤 서비스를 할지 팀원들끼리 상의해 본 결과, 우리 학교의 학생식당인 "채움"은 매..

정규표현식 정규표현식 정규표현식(REGEX / REGEXP : Regular Expression)이란 특정 패턴을 가진 문자열을 찾거나 또는 찾아서 변경할때 사용하는 형식 언어 정규표현식을 이용하면 문자열에 대해 특정 패턴 조건검사 시 또는 치환(변경)시 복잡한 조건을 제시할 필요 없이 간단하게 처리가 가능하다. 자바스크립트 뿐만 아니라 자바나 오라클 등등 다른 언어에서도 사용이 가능하다. 정규표현식 객체 생성 방법 생성자 구문으로 작성 var regExp = new RegExp("script"); //방법 1 정규식 변수를 선언 var regExp2 = /script/; //방법 2 문자열과 비교하기 RegExp 객체에서 제공하는 메소드 (정규식,메소드(문자열)) 정규식.test(문자열) : 문자열에서..

이벤트(Event) 1. 이벤트 모델의 종류 고전 이벤트 모델 인라인 이벤트 모델 표준 이벤트 모델 1-1)고전 이벤트 모델 요소 객체를 가지고 와서 해당 요소객체에 이벤트 속성에 접근한 후 이벤트 핸들러를 연결하는 방식 이벤트를 제거할 수도 있음(이벤트 속성에 null값 대입) document.getElementById()를 활용해서 해당 요소객체에 이벤트 핸들러를 연결한다(document.getElementsByName.. 등 사용가능) 버튼1 버튼1 이벤트 삭제 1-2)인라인 이벤트 모델 요소 내부에 직접적으로 이벤트 속성을 제시해서 실행할 내용을 정의하는 방식 주로 script 태그에 정의되어 있는 함수를 호출하는 방식으로 사용한다. 인라인 이벤트 모델 요소내부에 직접적으로 이벤트 속성을 제시해서..

Window 객체 Window 객체는 자바스크립트의 최상위 객체이며 크게 BOM과 DOM으로 나뉜다. BOM(Browser Object Model) : location 객체, screen 객체, navigator 객체, history 객체 DOM(Document Object Model) : document 객체 window.open() 첫번째 인자값 : 새 창에서 열고자하는 url 주소 두번째 인자값 : 창이름, 창이름이 같은게 이미 열려있으면 새롭게 열리지 않고 원래 열려있던 창에서 새로고침된다. 세번째 인자값 : 창의 특성, 새로 열릴 창의 너비, 높이, 툴바, 스크롤바, 상태표시줄 등등(브라우저마다 다르다) 예) window.open("http://www.naver.com", "네이버") 창의 특성..