컴공의 소소한 일상

스크린샷 command + shift + 5 단축키를 눌러서 스크린샷 앱을 열고 옵션 > 다른 위치를 누른 후 스크린샷을 저장할 위치를 다시 지정해 주면 됩니다 스크린샷, 화면기록 찍기 설명 Mac에서 스크린샷 또는 화면 기록 찍기 Mac에서 스크린샷 또는 키보드 단축키를 사용하여 화면의 사진 또는 기록을 찍습니다. support.apple.com

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

MySQL에서 유저 권한 부여를 하다가 발생한 에러이다. 터미널을 이용해서 mysql 설치 경로로 이동(아래의 경로는 기본 경로) cd /usr/local/mysql/bin root 계정으로 로그인, 비밀번호 나오면 MySQL 초기 설정 비밀번호 입력 ./mysql -u root -p 정상 접속이 가능하다면 아래와 같은 순서로 계정 생성 후 권한 부여하기 USE mysql; CREATE USER '유저명'@localhost IDENTIFIED BY '비밀번호'; GRANT ALL PRIVILEGES ON DB명.* TO '유저명'@localhost WITH GRANT OPTION; SELECT host,user FROM USER;

스프링 빈 설정 메타정보 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를 입력해주는 것이 좋습니다.

문제 14503번: 로봇 청소기 첫째 줄에 방의 크기 $N$과 $M$이 입력된다. $(3 \le N, M \le 50)$ 둘째 줄에 처음에 로봇 청소기가 있는 칸의 좌표 $(r, c)$와 처음에 로봇 청소기가 바라보는 방향 $d$가 입력된다. $d$가 $0$인 경우 북쪽 www.acmicpc.net 메모리 11836KB 시간 88MS 접근방식 시뮬레이션 문제이기 때문에 조건을 꼼꼼히 읽으면서 적용시켰다. 그리고 방향이 중요하기 때문에 dx,dy를 조건대로 만들어주고 90도 회전, 후진할 때 방향 계산을 해주는 거에 주의했다. 풀이 import java.io.BufferedReader; import java.io.IOException; import java.io.InputStreamReader; impor..