Front End Develop Front End Develop

모바일에서 자동으로 전화걸기 방지모바일기기에서는 자동으로 전화를 걸거나 메일을 보내는 등 그 형식에 대해서 자동으로 form-detection이라는 것이 설정됩니다. 이것을 해지하기 위한 2가지 방법이 대표적인데요 1. format-detection meta 태그를 설정합니다.전화 번호의 모든 자동 서식을 제거하려면 html 문서의 머리에 다음을 추가하십시오. 1cs 이 번호가 있는 페이지에 전화번호가 있으면 직접 링크 형식을 지정합니다. 11-555-555-5555cs 하지만 메타태그를 지정할 수 없는 경우도 있습니다. 이럴 때는 CSS를 이용합니다. 2. 메타 태그를 설정할 수 없습니까? CSS를 사용하고 싶습니까?css를 사용하여 타겟팅하고 재설정해야하는 특정 속성을 조정할 수 있습니다. 12345..

Java - HashMap데이터를 배열에다가 넣어서 저장하던 예전과는 달리 Key-Value 컨셉으로 발달하고 그에 따른 Map은 매우 자바에 있어서 혁신적인 정점의 데이터 묶음기법이라고 할 수 있습니다. 그 중에서 HashMap은 Key-Value 값에 null을 허용하기 때문에 유용하게 쓰입니다. 1. HashMap선언1234Map map = new HashMap();//또는HashMap map = new HashMap(); cs 1HashMap map = new HashMap();cs 이렇게 지정할 경우에는 데이터 형식이 일정하기 때문에 더 빠르게 찾을 수 있고, 보기도 명확합니다. 데이터 저장12map.put("ym", 1000);map.put("er", 2000);cs Key-Value 형식으로..

오늘은 IOS11로 생긴 viewport-fit=cover 속성에 대해서 알아보려고 합니다.2017년 8월에 업데이트 되고 나서 생긴 속성입니다.IOS X의 Safari가 자동으로 패딩을 적용하기 때문에 생긴 속성인데요. 위와 같이 아이폰 X에서 Portrait 모드에서는 정상적으로 출력되나 아래와 같이 Landscape로 바꾸면 웹의 화면이 상단바를 자동으로 패딩으로 밀어냅니다. 웹 개발자의 관점에서 볼 때, viewport-fit이라는 요소를 추가하여 자동 적용된 패딩을 제외하고 전체화면으로 사용할 수 있습니다. 1cs 이런식으로 viewport-fit 속성을 cover로 설정해주시면 꽉찬 화면으로 보실 수 있습니다.더불어 minimal-ui는 iOS7에서 소개 된 주요 변경 사항으로 진정한 전체 화..

인터셉터란? 인터셉터는 간단히 말해서 특정 URI로 요청시 Controller로 가는 요청을 가로채는 역할을 합니다.이전에 포스팅한 ExpirationDate도 이러한 인터셉터로 사용합니다. URI로 가는 요청을 가로채어 Date를 체크해주는 역할인 것입니다. JSP Filter는 아래에서 다룰텐데요.둘 다 Controller로 들어가는 요청을 가로채어 특정 작업을 하기 위한 용도로 사용됩니다. 차이점은 영역 범위가 다르다는 것입니다. Filter는 같은 웹 어플리케이션 내에서만 접근이 가능합니다. 하지만 인터셉트의 경우에는 스프링에서 관리되는 부분이기 때문에 스프링 내에 모든 객체로 접근이 허용됩니다. 또한, Filter의 경우는 주로 한글처리에 이용하며 Interceptor는 로그인 처리에 이용이 됩..

Git Conflict Git conflict가 나면 당황부터 하게 됩니다. ㅎㅎ 간단한 방법이 있어서 공유해봐요. git fetch --all git reset --hard origin/master git pull origin master 제가 수정한 파일이 conflict되면 fetch로 파일들을 remote 저장소에서 이전 fetch들을 받은 다음 local에서 다시 reset hard를 사용하여 제 상태를 컨플릭트 나기전인 수정하기 전으로 되돌립니다. 이후 pull 하면 remote에서 loacal로 정상적으로 다운받아집니다. 여기서 pull과 fetch의 차이점이 궁금하실 수 있겠습니다. PULL Pull로 Git 명령어를 사용할 시에는 현재 작업하고있는 로컬에 커밋을 병합합니다. Pull 은 ..

ExpirationDate프로젝트 중에 ExpriationDate를 이용하여 기존 프로덕션의 기한을 주는 인터페이스를 사용하여 포스팅 해보려고 합니다. 우선 Component 를 만듭니다. 커스텀 어노테이션을 만드는데요. 123456789101112131415package 경로; import static java.lang.annotation.RetentionPolicy.RUNTIME; import java.lang.annotation.ElementType;import java.lang.annotation.Retention;import java.lang.annotation.Target; @Target(ElementType.METHOD)@Retention(RUNTIME) public @interface Ex..

Restful한 스프링Spring에서 restful하게 작성하기 위해 @Controller 내에 @ResponseBody를 사용하거나 @RestController를 사용할 수 있다고 합니다. 일반적인 SPRING MVC의 흐름에 대해서 알아봅시다. 1. DispatcherSevlet이 요청을 수신2. DispatcherSevlet은 HandlerMapping에 어느 컨트롤러를 사용할지 문의합니다.3. DispatcherSevlet은 요청을 컨트롤러에게 전송하고 컨트롤러는 요청을 처리한 후 결과를 리턴합니다. ModelAndView를 생성하여 DispatcherSevlet에 리턴합니다.4. ModelAndView를 바탕으로 ViewResolver에게 View를 요청하고5. 최종적으로 View로 화면을 보게..

GULP 설치하기자동화 툴 중에 하나인 GULP를 설치해보려고 합니다.아래 출처 상의 회복맨님의 블로그에 자세히 나와있지만 저도 한번 복기할 겸 해서 작성해보려고 합니다. 1. 우선 NODE를 설치합니다. https://nodejs.org/ko/ Node 버전은 TLS로 사용하는 것을 추천해드립니다. Beta 버전으로 사용 했을 시에 가끔 오류가 생기더군요. http://hochulshin.com/node-install-osx/ Mac은 또 다른 방법으로 설치해야 합니다. 2. 커맨드라인 입력1npm install -g gulpcs 여기서 -g 는 global 옵션입니다. NPM(Node Package Module)으로 설치하는 것입니다. 3. package.js를 만들기gulp setting만 전문적으..