전체 글118 [HTML] DOCTYPE DOCTYPE 이란 어떤 HTML 표준을 사용할 것인지 문서 상단에 적어주는 것이다. 위키백과에 따르면, "문서 형식 선언"(Document Type Declaration) 또는 DOCTYPE이란 어떤 SGML이나 XML 기반 문서 내에 그 문서가 특정 문서 형식 정의(DTD)를 따름을 지정하는 것이다. DOCTYPE에 들어가보면 HTML 문서 형식은 다양하며 많이 발전해왔다. 따라서 예전 같은 경우 태그의 종류가 20개 사이에서 140개 이상의 종류가 생겨났다. 따라서 자신이 사용되는 문서가 어떤 문서인지 "형식"을 정해주고, 그 형식에 맞추어 "태그"를 사용하는 것이다. 최근에는 HTML5에 접어들면서 을 사용하고 있다. 무슨 내용인지 모르겠다면 html 문서 작성시에 DOCTYPE을 필수적으로 작성.. 2018. 11. 28. [SpringBoot/JSP] Enum 한글 사용하기 JAVA에서 Enum을 사용하면 코드를 보기 쉬울뿐아니라 코드관리에도 좋다. Enum (일반적인 사용법) public enum Fruit { Banana, Orange, Apple, Melon, Tomato }Enum (한글 명칭 사용하기) public enum Fruit { Banana("바나나"), Orange("오렌지"), Apple("사과"), Melon("멜론"), Tomato("토마토") ; private String krName; Fruit(String krName) { this.krName = krName; } public String getKrName() { return krName; } }JSP 에서 가져오기 영어명: ${item}, 한글명: ${item.krName} 2018. 11. 27. [IntelliJ] cannot resolve method 원인Lombok 을 사용하는데 자동 import 처리가 되어있지 않아서 compile 에러가 발생하는 것이다. 해결방법 1Preferences -> Build, Execution, Deployment -> Compiler -> Annotation Processors"Enable annotation processing" 체크 해결방법 2해결방법 1의 방법은 필수로 해야되며 위에 방법을 했는데도 해결이 안된다면 시도해 보자.Project 경로 -> .idea 폴더 제거The .idea folder (hidden on OS X) in the solution root contains IntelliJ’s project specific settings files. These include per-project de.. 2018. 11. 26. [ReactJS] React private route 로그인 권한 React 에서 로그인 권한에 따른 페이지 경로 접근 권한을 주는 방법 https://reacttraining.com/react-router/web/example/auth-workflow 원본: https://tylermcginnis.com/react-router-protected-routes-authentication/ 2018. 10. 16. [Git] Change Git Remote Repository (저장소 변경하기) 때때로, 현재 사용중이던 저장소를 변경하고자 하는 상황이 온다.나같은 경우 회사에서 요금 및 코드리뷰 툴 등의 연관성때문에 두 번이나 저장소를 변경했다. 저장소 변경시에 기존에 작업중인 history를 그대로 유지하고 싶다면 아래와 같이 진행하면 된다. 사전작업GitKraken, SourceTree 등의 코드관리 툴을 사용하고 있다면, 자신의 local에 옮기고자하는 저장소에 history를 유지하고 싶은 모든 branch를 checkout합니다.remote 변경git remote -v // git remote reposity 를 확인합니다.git remote set-url origin https://github.com/~~.git // 이전할 저장소의 주소를 넣어줍니다. push자신의 GitKraken.. 2018. 9. 27. [Spring Boot] custom error page 웹사이트를 운영하다보면 404, 500 등의 에러페이지를 서버에서 기본으로 제공해주는 화면이 아닌 각 사이트의 디자인에 맞춰 변경해야 한다.Tomcat 같은 경우 아래의 페이지를 기본으로 제공해준다.tomcat 404 error나는 위 페이지를 변경하기위해 검색해보니 대부분 web.xml, pom.xml 등의 .xml 설정파일을 통해 셋팅하는 방식이 많았다.하지만, 내 프로젝트의 개발환경이 .xml을 사용하지 않고 view 코드를 resource 하위 폴더가 아닌 spring.mvc.view.prefix 설정을 따르고 있었기때문에 정보찾기가 힘들었다. (공식 사이트도 이해하기가 힘들었다..)기본적으로 Spring Boot는 xml 파일을 강요하지 않기 때문에 프로젝트를 생성시에 web.xml 파일이 자동.. 2018. 9. 27. JavaScript 표준 Medium 에서 보면 깔끔하게 보실 수 있습니다. --- JavaScript 표준에서 언급되는 CommonJS, AMD, ECMAScript, TypeScript에 대한 비교 페이지입니다. CommonJS와 AMD에 대해서는 NAVER D2의 JavaScript 표준을 위한 움직임: CommonJS와 AMD에서 자세히 설명하고 있어서 링크로 대신하도록 하겠습니다. (2012년도 글로 현재와 조금 차이가 나는 개념이 있을 수도 있습니다.)NAVER D2 글을 간략히 요약하면 아래와 같습니다.CommonJSJavaScript를 브라우저에서뿐만 아니라, 서버사이드 애플리케이션이나 데스크톱 애플리케이션에서도 사용하려고 조직한 자발적 워킹 그룹모듈화는 아래와 같이 세 부분으로 이루어진다.스코프(Scope): 모.. 2018. 9. 13. [ReactJS] styled-components react 에서 CSS 를 사용하는 방법에는 몇가지가 있다.inline - style 속성 사용 (참고: https://reactjs.org/docs/dom-elements.html#style)CSS classes are generally better for performance than inline styles. (CSS class 를 사용하는 것이 일반적으로 inline styles 를 사용하는 것보다 성능이 좋다.) ?var divStyle = { color: 'white', backgroudImage: 'url(' + imgUrl + ')', WebkitTranstion: 'all', // note the capital 'W' here msTransition: 'all' // 'ms' is the.. 2018. 9. 3. 이전 1 2 3 4 5 6 7 8 ··· 15 다음
