설계의 품격

display 너비 높이 한줄 혼자사용 block 지정되지 않으면, 최대한 커진다. 지정되지 않으면, 최소한으로 줄어든다. 혼자사용 (세로나열) inline- block 지정되지 않으면, 최소한으로 줄어든다. 지정되지 않으면, 최소한으로 줄어든다. 최대한 여럿이 사용 (가로나열) table태그 이용해서 작성

1. 라이브 서버 설치하기 2. 라이브서버 테스트하기 1. 라이브 서버 설치하기 VS Code 실행 후 파일 > 기본설정 > 확장 메뉴를 클릭한다. 또는 단축키로 Ctrl + Shift + X를 같이 누른다. 검색창에서 live server를 검색 후 설치버튼을 클릭한다. 2. 라이브 서버 테스트하기 왼쪽 상단에 탐색기 아이콘 클릭하여 확장 메뉴 제거한다. 탐색기에서 폴더 열기를 클릭하여 열 폴더를 지정한다. 새파일 아이콘을 클릭 후 파일명에 test.html을 입력하여 html 파일을 생성한다. 좌측 코드 탭에서 html:5를 입력하면 자동완성이 되는데 엔터를 쳐서 기본 코드를 생성한다. 좌측 코드 탭을 우클릭한 후 Open with Live Server 메뉴를 클릭한다. 또는 단축키로 Alt + L ..

맥/리눅스 이용 개발자와 윈도우 개발자가 협업할 때 왜 발생할까? 터미널에 git 명령어를 입력했는데 다음과 같은 에러가 뜨는 경우가 있다: warning: CRLF will be replaced by LF in some/file.file. The file will have its original line endings in your working directory. 이는 맥 또는 리눅스를 쓰는 개발자와 윈도우 쓰는 개발자가 Git으로 협업할 때 발생하는 Whitespace 에러다. 유닉스 시스템에서는 한 줄의 끝이 LF(Line Feed)로 이루어지는 반면, 윈도우에서는 줄 하나가 CR(Carriage Return)와 LF(Line Feed), 즉 CRLF로 이루어지기 때문이다. 따라서 어느 한 쪽을 ..

추가로 ctrl + shift + a 로 registry에 간 후 다음으로는 크롬 확장 프로그램을 이용해 크롬도 자동 리로드 되게 만들어주기 https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei/related LiveReload Provides Chrome browser integration for the official LiveReload apps (Mac & Windows) and third-parties like guard-livereload and… chrome.google.com 설치 후 고정 해 준 후 한 번 클릭하면 적용된다.

git init > 깃 등록 git remote add origin 주소 > 깃 등록 주소 설정 git config user.name 깃 아이디 > 깃 아이디 설정 git config user.email 깃 이메일 > 깃 이메일 설정 rm -rf .git : 깃 세팅 초기화 git add . git commit -m "커밋 메시지" git push origin master git update-git-for-windows

- Ctrl + Shift + F : 소스코드 정리 - Ctrl + 1 : 해결책 1 - Ctrl + Space : 해결책 2 - Ctrl + Shift + O : import 문 정리 - Alt + 좌 or 우 : 히스토리 내비게이션 이동 - Ctrl + Click : 자세히 보기 - Atl + 1 : 프로젝트 탭 토글 - Ctrl + Shift + R : 빠른 파일명 찾기 - Ctrl + PgUp or PgDn : 탭이동 - Ctrl + F4 : 현재 탭 닫기

1. 이클립스(eclipse) 역사가 오래되어 잘 작성된 문서, 수 많은 플러그인들이 존재하며 가장 대중적으로 사용되고 있는 IDE이다. 가장 큰 강점은 아마 무료라는 것이 아닐까 한다. 웹, 모바일, 데스크탑, 엔터프라이즈, 엠베디드 시스템 어플리케이션 개발등에 두루두루 사용되며 Eclipse 는 자바(JAVA)로 개발되어 있어 윈도우즈, 리눅스, 맥OS 등 대부분의 OS를 지원한다. 장점 - 무료다! - 여러 프로젝트를 동시에 관리할 수 있다. 단점 - 다른 IDE 툴들에 비해 느림, 하지만 하드웨어의 비약적인 발달로 인해 엄청많이 차이가 나지는 않음. - 자바로 만들어져서 자바가상머신(JVM) 위에서 실행되므로 다른 IDE에 비교해서 속도가 느리다. - 지속적인 패치에도 불구하고 자잘한 버그들이 있..

Annotation 이란? Annotation(@)은 사전적 의미로는 주석이라는 뜻이다. 자바에서 Annotation은 코드 사이에 주석처럼 쓰이며 특별한 의미, 기능을 수행하도록 하는 기술이다. 즉, 프로그램에게 추가적인 정보를 제공해주는 메타데이터라고 볼 수 있다. meta data : 데이터를 위한 데이터) 다음은 어노테이션의 용도를 나타낸 것이다. 컴파일러에게 코드 작성 문법 에러를 체크하도록 정보를 제공한다. 소프트웨어 개발 툴이 빌드나 배치시 코드를 자동으로 생성할 수 있도록 정보를 제공한다. 실행시(런타임시)특정 기능을 실행하도록 정보를 제공한다. 기본적으로 어노테이션을 사용하는 순서는 다음과 같다. 어노테이션을 정의한다. 클래스에 어노테이션을 배치한다. 코드가 실행되는 중에 Reflecti..

* Spring 이란? - JAVA의 웹 프레임워크로 JAVA 언어를 기반으로 사용한다. JAVA로 다양한 어플리케이션을 만들기 위한 프로그래밍 틀이라 할 수 있다. - 옛날에 비교하면 지금은 JAVA의 활용도가 높아졌고 따라서 프로젝트 규모도 커졌다. JAVA를 이용한 기술은 JSP, MyBatis, JPA 등 여러가지가 있는데 즉, 이 기술들이 프로젝트에 많이 쓰인다고 할 수 있다. Spring은 이 기술들을 더 편하게 사용하기 위해 만들어진 것이다. - 프로젝트를 진행하다 보면 아무리 분업을 해도 분명 중복되는 코드가 있기 마련이다. Spring은 이런 중복코드의 사용률을 줄여주고, 비즈니스 로직을 더 간단하게 해줄 수 있다. - Spring을 사용하면 다른 사람의 코드를 참조하여 쓰기 편리한데 이..

스프링 시큐리티는 스프링 기반의 애플리케이션의 보안(인증과 권한, 인가 등)을 담당하는 스프링 하위 프레임워크입니다. 즉 인증(Authenticate, 누구인지?) 과 인가(Authorize, 어떤것을 할 수 있는지?)를 담당하는 프레임워크를 말합니다. 스프링 시큐리티에서는 주로 서블릿 필터(filter)와 이들로 구성된 필터체인으로의 구성된 위임모델을 사용합니다. 그리고 보안과 관련해서 체계적으로 많은 옵션을 제공해주기 때문에 개발자 입장에서는 일일이 보안관련 로직을 작성하지 않아도 된다는 장점이 있습니다.