컴공의 소소한 일상

개발자라면 다들 깃허브 계정은 있을테지만 소개 페이지가 없는 분들도 있죠.간단하게 깃허브에 처음 방문했을 때의 화면을 꾸미는 방법을 알아봅시다. 깃허브에서 자신의 닉네임과 똑같은 이름의 repository를 만들면 special repository이며 README.md를 추가하면 깃허브 프로필을 추가할 수 있다고 알려줍니다. 이때 꼭 public 레포로 만드셔야합니다. 1. 기술 스택내용 중 기술 스택 설명을 위한 shields.io로 아이콘만 변경해서 쓰면 되는 데 이 방법도 간단합니다. 1) 글자 반반  2) 글자만 3) 글자랑 로고 아이콘은 하단의 링크를 참고하세요. Simple Icons3146 Free SVG icons for popular brandssimpleicons.org 2. solv..

vue에서 카카오맵 API를 사용하는 것은 생각보다 까다로운 일인데요. 1분만에 지도를 띄울 수 있는 편한 라이브러리가 있어서 소개드립니다.  https://www.npmjs.com/package/vue3-kakao-maps vue3-kakao-mapskakao maps component library with vue3 and TS. Latest version: 2.3.4, last published: 6 hours ago. Start using vue3-kakao-maps in your project by running `npm i vue3-kakao-maps`. There are no other projects in the npm registry using vue3-kakao-maps.www.npmj..

start.spring.io를 통해 쉽게 스프링 부트 프로젝트를 생성해 보겠습니다. 아래 경로로 들어간 후 개발 환경에 맞게 선택을 해줍니다. https://start.spring.io/ 1) Project Gradle과 Maven은 빌드 관리 도구로 프로젝트에서 사용하는 외부 라이브러리를 자동으로 관리해서 의존성에 맞는 라이브러리들을 받아옵니다. 이렇듯 의존성 관리뿐만 아니라 빌드 설정 관리, 자동화된 빌드 및 테스트, 배포 관리의 역할을 해줍니다. Gradle 빌드 스크립트를 Groovy DSL로 작성해서 가독성이 좋고 유지보수가 쉽고 Maven은 XML 기반 설정 파일은 가독성이 떨어지고, 복잡한 설정을 작성하기 어려울 수 있습니다. Maven의 장점도 있지만 Gradle의 장점이 더 크기 때문에 ..

Text binding {{message}} Attribute binding v-bind : 단방향으로만 데이터 바인딩을 수행함 data나 속성이 변경되면 UI를 갱신함 폼 입력 바인딩 v-model : 양방향 데이터 바인딩 수식어 .lazy 입력폼에서 다른 요소로 포커스가 이동하는 이벤트가 발생할 때 입력한 값을 data와 동기화 .number 사용자 입력을 자동으로 숫자로 형 변환시켜줌 .trim 앞뒤 공백제거를 해줌 조건부 렌더링 10살 미만 20세이상 그 외 {{message}} {{i}} v-for에서 key를 사용해야 DOM Element를 이동시키지않고 data만 변경함

SPA(Single Page Application) - 최초로 웹사이트에 접속할 때 모든 페이지에 필요한 자원(javascript, css, img..)등을 로딩함 - 페이지 이동 시 변경이 필요한 부분만 렌더링됨 Vue의 핵심 기능 1. 선언적 렌더링 표쥰 HTML을 템플릿 문법을 확장하여 JavaScript 상태를 기반으로 화면에 출력될 HTML을 선언적으로 작성할 수 있음 2. 반응성 JavaScript 상태 변경을 추적하고 변경이 발생하면 DOM을 효율적으로 자동으로 변경해줌 Vue의 특징 1. 접근성 : 직관적 2. 유연성 : Component로 재사용성 높임 3. 고성능 : Angular와 React의 장점인 데이터 바인딩, Virtual Dom을 모두 수용 MVVM Pattern Model ..

//레디스 설치(시간 꽤 걸림) brew install redis //레디스 버전 확인 redis-server --version //레디스 서버 실행 redis-server //레디스 cli로 서버 실행 redis-cli //key 확인 keys * //list 확인 lrange 키 0 -1

스프링 빈 설정 메타정보 1. XML 태그를 사용 2. Annotation - 빈 스캐닝을 통해 자동 등록함 - component-scan 사용 - base-package 하위 클래스들을 스캔하여 자동으로 등록해줌 - @Repository, @Service, @Controller, @Component - 빈 특성, 종류에 따라 구분한 annotation으로 등록 - @Autowired : 타입에 맞춰서 연결해줌 - @Qualifier("name") : 동일 타입 bea이 여러개일 경우 식별 @Component public class MemberServiceImpl implements MemberService{ @Autowired private MemberDao memberDao; } 1) setter m..

Spring IoC (Inversion of control) 1. DL (Dependency LookUp) - 컨테이너가 lookup context를 통해서 필요한 자원이나 객체를 얻음 - 캐스팅과 예외처리가 필요 2. DI (Dependency Injection) - 객체에 lookup를 사용하는 것이 아닌 컨테이너가 직접 의존 구조를 Object에 설정해줌 - 객체가 컨테이너의 존재를 알 필요가 없음 Container - 객체 생성, 사용, 소멸에 해당하는 라이프사이클을 담당함 - 라이프 사이클 관리, Dependecy 객체 제공, Thread 관리 등의 기능 - 비즈니스 로직 외 부가기능을 독립적으로 관리하기 위해 필요함 - 서비스 look up이나 Configuration에 대한 일관성을 갖게 해..

스프링 핵심 개념 1. POJO (Plain Old Java Object) - 특정 환경이나 기술에 종속되지 않는 객체지향 원리에 충실한 자바객체 -> 생산성, 이식성 향상 - 특정 인터페이스를 구현, 클래스를 상속하지 않는 일반 자바 객체 지원 - 테스트 용이, 객체지향 설계 적용 가능 2. PSA (Portable Service Abstraction) - 환경, 기술 변경과 관계없이 기술에 접근할 수 있게 해주는 설계 원칙 - 트랜잭션 추상화, OXM 추상화, 데이터 액세스의 Exception 변환기능 등 기술적 복잡합을 추상화하여 Low Level의 기술 구현 부분과 기술 사용 인터페이스로 분리함 3. IoC/DI (Dependency Injection) - 확장 가능한 객체 생성 후 외부에서 객체..

gitignore.io Create useful .gitignore files for your project www.toptal.com Git 초기 세팅 시에 .gitignore 파일을 생성해줘야하는데 위 사이트에서 작업 환경을 검색하면 간단하게 생성이 가능합니다. 작업환경이 다른 경우 아래처럼 각 OS나 IDE를 입력해주는 것이 좋습니다.