개발하는 인사담당자 개발하는 인사담당자

■ 프레임워크(Framework) 란? : 프레임 워크는 Application 개발 시 필수적인 코드, 알고리즘, 데이터베이스 연동 등과 같은 기능들을 위해 어느정도 뼈대(구조)를 제공해주는 것이다. 이런 뼈대 위에 개발자가 코드를 작성해서 Application 을 완성한다. 뼈대가 있기 때문에 객체 지향 개발을 하면서도 일관성 부족과 같은 문제를 해결해주는 장점이 있다. 따라서 소프트웨어에서 프레임워크를 특정 문제를 해결하기 위해서 상호 협력하는 클래스와 인터페이스의 집합이라 한다. ■ 라이브러리(Library) 란? : 프레임워크를 검색하면 가장 많이 나오는 개념 중 하나가 라이브러리다. 그렇다면 라이브러리란 무엇일까? 라이브러리란 특정 기능에 대한 도구 혹은 함수들을 모은 집합이다. 즉, 프로그래머..

■ 아이디 유효성 검사 v-if 가 참인 경우 해당 문구가 나오게 설정한다. 문구가 처음에는 안나오도록 false 처리 한다. Vue 인스턴스의 데이터 변경을 관찰 / 반응할 때 watch 기능을 쓴다. 입력 시 idInputCheck true 이기 때문에 문구가 뜬다. 길이가 5보다 작은 경우에는 문구가 뜨게 설정하고, 그렇지 않을 경우 문구가 없어지게 설정한다. exec 를 통해 reg 에 해당하는 값이 있는지를 체크한다. 비어있지 않은 경우 그 값을 나오게 설정해서 동작하는지 확인한다. 해당하는 값이 있는경우 slice 를 통해 더이상 입력하지 않게 설정 가능하다. /\s/ 공백을 찾아서 != -1 으로 공백이 있는 경우 문구가 뜨게 설정한다. https://v2.ko.vuejs.org/v2/gui..

■ 수정 삭제 버튼 만들기 (sep19) 수정 삭제 버튼을 만들어준다. https://www.bottlehs.com/vue/vue-js-axios-%EB%B0%8F-rest-api-%EB%A5%BC-%ED%99%9C%EC%9A%A9%ED%95%9C-crud-%EA%B5%AC%ED%98%84/ Vue Js Axios 및 Rest Api 를 활용한 CRUD 구현 Axios는 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리이다. 비동기 방식은 웹페이지를 리로드하지 않고 데이터를 불러오는 방식이며,Ajax를 통해서 서버에 요청을 한 www.bottlehs.com 메소드에 deletepost() 메서드를 만들어준다. detail 에 있는 bno 값 제대로 불러지는 ..

■ 글쓰기 버튼 만들기 (sep19) 글쓰기 버튼을 만든다. 다음과 같이 만들어진다. write 메소드를 만들어주고 이동 확인하면 된다. WritePage.vue 생성해준다. index.js 에 Writepage 도 라우터에 넣어준다. 글쓰기 영역도 만들어준다. 글쓰기 부분도 꾸며준다. input : title content: textarea 로 설정한다. v 모델을 사용할 것이다. v 모델을 적으면 하단의 return 값이 들어간다. 우리가 입력한 값을 끌고 갈 것이다. write 글쓰기 메소드를 만들어주고 알람이 뜨게 한다. this.title 을 적어줘야 어떤 값인지 인식하고 가져온다. 제목에 입력한 값이 알람창으로 뜬다. saveData 로 저장한 값을 담는다. * 요청사항 vue 책 다 읽고 n..

■ 이클립스 내부에서 마리아 db 정보 보기 마리아 디비가 없어서 mysql 로 검색해도 나온다. 내가 사용하는 5.1 버전 클릭 JAR 에서 마리아 디비 넣어주기 드라이버 설정해주기 다음과 같이 연결된다. 명령주고 명령값 확인 가능 ■ 이클립스 내부에서 db DBeaver 정보보기 위에는 서버명, 밑에는 아이디 적어준다. 그대로 다운로드 연결확인 ■ 스프링부트 만들기 첫 인덱스 getmapping 처리하기 하위 경로에 있는 jsp 를 읽어들인다는 뜻이다. 다음과 같이 설정한다. 밑에 주석처리는 위에 runtimeOnly 와 내용 동일하기 때문에 주석처리한다. plugins { id 'java' id 'org.springframework.boot' version '2.7.14' id 'io.spring...

■ 댓글쓰기 몇 글자 썼는지 확인하는 코드 keyup : 키를 놓을 때 이벤트가 발생합니다. 입력창의 값의 길이를 텍스트에 저장한다. 그리고 이것을 버튼 창에다가 출력한다. 키 600자 이상 입력 시 막는 것도 가능하다. 버튼 분리도 도전해도 된다. https://developer.mozilla.org/ko/docs/Web/API/Element/keyup_event Document: keyup event - Web API | MDN **keyup**키를 놓을 때 이벤트가 발생합니다. developer.mozilla.org 100글자 초과도 막을 수 있다. 입력된 값의 값을 가져올 때 input 이나 textarea 는 val() 을 사용해서 값을 가져온다. 가져온 값의 0부터 100까지 길이를 가져오고 ..