코맹이의 개발일지

회사 소스파일을 내려받고 이클립스에서 적용시키려고 하니 Maven으로 빌드를 해야 했다.나는 항상 Gradle로만 프로젝트를 빌드해서 진행했기 때문에 각각의 개념과 차이점을 정리해보려고 한다!    ✔️ 빌드(Build)빌드는 소스코드 파일을 컴퓨터에서 실행할 수 있는 독립적인 형태로 변환하는 과정과 결과를 말한다.우리가 작성한 소스코드(ex. java파일), 프로젝트에서 쓰인 각각의 파일 및 자원(.xml, .jpa, .jpg, properties)을 jvm이나 톰캣 같은 WAS가 인식할 수 있도록 패키징하는 과정 및 결과물을 일컫는다.Java 프로젝트를 진행하면 개발자가 작성한 A.java와 여러 가지 정적 파일 등에 해당하는 resource가 존재한다.빌드를 한다면 소스코드를 컴파일해서 .class..

✔️ 데이터셋 속성HTML의 데이터셋 속성은 커스텀 사용자 속성을 DOM 요소에 저장하는데 표준화된 방법을 제공한다.일종의 html 변수 역할이라고 말할 수 있다.HTML5부터 데이터 속성이 생기며 데이터 속성은 HTML 요소의 'data-'로 시작하는 속성을 말한다.데이터 속성의 목적은 특정한 데이터를 DOM 요소에 저장해두기 위함이다.'data-'로 시작하며 브라우저는 이러한 데이터 속성에는 어떠한 행동도 관여하지 않기 때문에 개발자는 요소에 특정한 데이터를 저장하고 싶은 경우 자유롭게 사용할 수 있다.data-* 전역 특성은 사용자 지정 데이터 특성(custom data attributes)이라는 특성 클래스를 형성할 수 있다.속성명은 value이지만, HTML 표준 속성이 value 속성과는 상관..

attr()- 엘리먼트의 속성 값을 가져오거나 변경할 수 있는 함수하나의 인자를 주면 해당 속성 값만을 조회하고, 두 개를 주면 해당 속성 값을 변경한다.TestContent prop()- 엘리먼트의 속성 값을 가져오거나 변경한다는 점에서 attr()과 유사하지만,아무 속성 값이 아니라 true와 false 값만 가지는 속성 값을 관리한다.TestContent addClass()- 클래스가 없는 엘리먼트에 class 속성을 추가한다.TestContent  removeClass()- 클래스가 있는 엘리먼트의 class 속성을 삭제한다.TestContent val()- 엘리먼트가 가지고 있는 value 속성(값)을 관리한다.인자를 넣지 않으면 value를 가져오고 인자를 넣어주면 value를 인자 값으로 변..

✔️ 요소 추가prepend()- 선택한 요소 안의 첫 부분에 내용 삽입$(function() { $(".box").prepend("추가 문자");}); append()- 선택한 요소 안의 끝 부분에 내용 삽입$(function() { $(".box").append("추가 문자");}); before()- 선택한 요소 앞에 내용 삽입$(function() { $(".box").before("추가 문자");}); after()- 선택한 요소 뒤에 내용 삽입$(function() { $(".box").after("추가 문자");});  ✔️ 요소 제거remove()- 선택한 요소를 제거 (자식 요소도 함께 제거된다.)$(".box").remove(); ❗remove()는 매개변수를 가질 수 있다.$(".bo..

💡핵심 용어네트워크란?노드(네트워크 장치)와 링크(유선, 무선)가 서로 연결되어 리소스를 공유하는 집합TCP/IP인터넷 프로토콜 스위트 중 하나로, 데이터 전송을 위한 표준 프로토콜더보기인터넷 프로토콜 스위트란❓- 인터넷에서 컴퓨터들이 서로 정보를 주고 받는데 쓰이는 통신규약의 모음 💡처리량과 지연 시간처리량이 높고, 지연시간이 짧을수록 좋은 네트워크처리량링크 내에서 성공적으로 전달된 데이터의 양처리량이 많아졌다는 말은 처리되는 트래픽이 많아졌다는 말과 같다.더보기트래픽❓- 특정 시점에 링크 내에 흐르는 데이터의 양단위: bps(bits per second) 초당 전송 비트 수처리량에 영향을 끼치는 것사용자들의 트래픽네트워크 중간에 발생하는 에러장치의 하드웨어 스펙네트워크 장치 간의 대역폭지연시간데이..

태그는 다른 구문에서 재사용가능한 sql 구문을 정의할 때 사용한다.사용방법은 태그 id 속성 추가 및 id 속성 값을 부여해준 후 태그 내에 사용할 쿼리를 작성하면 된다. -- 사용할 쿼리 💡 태그 내에 있는 쿼리들을 재사용하고 싶다면 재사용할 쿼리의 상단에 선언되어야 한다.특정 태그의 쿼리에서 태그의 쿼리를 불러오는 명령을 하였지만, 상단에 선언되어 있지 않고 하단에 선언되어 있다면 불러올 수 없음  태그 내에 파라미터 값을 추가하게 되면 해당 파라미터 값을 처리할 수 있는 인자 값이 존재해야 에러가 발생하지 않는다.  title = #{title}  자주 쓰는 중복 쿼리를 하나로 묶어서 모아주는 역할반복적인 SQL문을 방지하기 위해 만들어진 태그같은 파일 내에 정의해둔 태그 내의 쿼리들을 ..

Enum이란? Enum은 "Enumeration"의 약자로, "열거, 목록, 일람표"라는 뜻을 가지고 있으며 한글로는 열거형이라고 부른다.즉, 열거형(enum)은 요소, 멤버라 불리는 명명된 값의 집합을 이루는 자료형으로, 상수 데이터들의 집합이다. 프로그래밍을 하다보면 배열이나 리스트 등 여러 개의 묶음 데이터를 다루는 일이 많다.이 묶음 데이터 중에는 데이터 주제에 따라 몇가지로 한정된 값만을 가는 경우가 존재한다.ex) 요일, 계절, 주사위 등이와 같이 정해져 있는 한정된 데이터 묶음을 열거형 타입인 Enum으로 묶어주면 보다 구조적으로 프로그래밍을 할 수 있다.  Enum 장점 코드가 단순해지며 가독성이 좋아진다.허용 가능한 값들을 제한하여 유형 안전을 제공한다.키워드 enum을 사용하기 때문에 ..

프로젝트 소스코드를 내려받은 후, 폴더 구조를 살펴봤는데 Mapper, Repository 둘 다 있는 것을 확인했다.예전 Spring Boot 프로젝트를 진행할 때는 mapper만 사용해서 했기 때문에 mapper와 Repository의 차이가 무엇인지 궁금해서 찾아봤다! MapperMapper는 데이터베이스와 애플리케이션 간의 상호작용을 처리하는 객체주로 SQL 쿼리를 사용하여 데이터베이스에서 데이터를 가져오거나 데이터를 데이터 베이스에 저장하는 데 사용 ⭐ 객체와 데이터베이스 간의 매핑을 처리하는 역할로써 객체와 데이터베이스 테이블 사이의 변환을 담당하여 객체와 테이블 간의 속성 매핑을 수행하는 것  RepositoryRepository는 데이터 엑세스 계층에서 데이터를 관리하고 엔티티에 접근하는 ..

💡Maven이란?라이브러리에 대한 의존 관계 관리 및 소스코드부터 배포 가능한 산출물(artifact)을 빌드하는 빌드 툴(build tool)   maven 빌드 & 라이프사이클 빌드(Build)란?자바코드를 실제로 사용할 수 있게 정리하는 과정compile, test, package, install, deploy 등라이프사이클이란?메이븐이 미리 정의하고 있는 빌드 순서라이프사이클의 각 빌드 단계를 페이즈(phase)라고 한다.페이즈(phase)기본 라이프 사이클complie: 소스 파일을 컴파일한다.test: 단위 테스트 실행(기본설정은 단위테스트가 실패하며 빌드 실패로 간주함)package: 컴파일된 클래스 파일과 리소스 파일들을 war 혹은 jar와 같은 파일로 패키징install: 패키징한 파..

🚗 플러그인 설치        💡 참고자료 [Figma] 툴 사용법 기초 정리UI Design Tool이란 액정 너머의 화면을 설계 및 프로토타이핑(Prototyping)하고, 서비스에 맞는 톤을 고민하는데 사용할 수 있는 디자인 툴입니다. ** 프로토타이핑(Prototyping) : 개발 과정 초기에 시스템tkayyoo.tistory.com