본문 바로가기

IT_Developers1149

Lombok - @Getter, @Setter 어노테이션 안녕하세요. 고코더 입니다. 겟터, 셋터 노가다 자바를 개발하다 보면은 private 변수에 접근하기 위해서 getter, setter메서드를 사용합니다. 일명 겟터, 셋터 노가다를 하게 됩니다. 가장 처음 배우는 캡슐화 방식이 바로 이 겟터, 셋터입니다. 만약 name이라는 변수를 하나 선언하면 이렇게 두 개의 메서드가 태어납니다. 물론 IDE에서 제공해주는 기능으로 직접 노가다를 하지 않아도 되지만, 귀찮은 건 역시 마찬가지입니다. private String name; public String getName() { return model; } public void setModel(String name) { this.name = name; } Getter, Setter로 부터 해방 하기 Lombok(롬.. 2021. 11. 2.
JavaScript - 자바스크립트 엄격모드 / 'use strict' 사용법과 이해 안녕하세요. 고코더 입니다. 오늘은 "use strict" 일명 엄격모드라고 말하는 자바스크립트 모드를 알아보겠습니다. 프로젝트에 들어갈때 해당 문구가 최상단에 적혀있으면 꽤나 긴장이 되는 한줄입니다. 엄격모드 Strict mode 염격 모드는 느슨한 모드(Sloppy mode)와 반대되는 규칙입니다. ES5 이전에는 기본적으로 느슨한 모드가 기본이었지만 ES6부터는 반대로 엄격 모드가 기본으로 설정되어 있습니다. - ECMAScript 5부터 시작 - 반대 의미는 느슨한 모드(Sloppy mode) 염격모드 사용법 사용법은 두 가지 방법이 있습니다. 첫 번째 방법은 JS가 시작하는 최상단에 "use strict"를 선언하면 됩니다. 그럼 전역에 걸쳐 엄격 모드가 실행됩니다. 실무에서 보통 이렇게 사용을.. 2021. 11. 2.
intellij - "Typo: In word" 메세지 안나타나게 하기 / 스펠링 검사 끄기 안녕하세요. 고코더 입니다. 인텔리제이의 잔소리 중에 하나인 "Typo: In word"에 대해 알아보았습니다. 이번 시간에는 이 검사를 스펠링 검사를 끄는 방법을 알아보겠습니다. ● 1. 인텔리제이에서 File -> Settings로 이동합니다. ● 2. 다음은 Inspections -> "Spelling"을 검색합니다. 그리고 해당 Typo 옵션을 체크 해제 합니다. ● 3. 혹은 해당 변수에서만 기능을 끄고 싶다면 키보드로 ALT+ENTER를 입력한 후에 메뉴에서 "Save to dictionaty"를 선택하여 사전에 등록할 수 있습니다. 2021. 11. 2.
intellij - "Typo: In word " / 스펠링이 틀렸습니다.? 안녕하세요. 고코더 입니다. 인텔리제이는 잔소리가 참 많습니다. 그중에서도 스펠링 철자가 틀린 부분에서도 오류처럼 밑줄을 그어놓습니다. 좋은 프로그램은 콩글리시가 없는 게 맞긴 하지만 잔소리가 참 많은 거 같습니다. ● 1. 인텔리제이에서 "gocoder"라는 변수를 선언했더니 역시 "Typo : in word 'gocoder'"라는 메시지가 뜹니다. 오류라기보다는 "어 이거? 철자가 맞나요?"라는 질문입니다. ● 2. 만약 프로젝트 내에 정의된 고유한 명사라면 무시하고 진행하셔도 상관없습니다. 혹은 해당 팀 내에서 해당 스펠링 오류가 없이 개발하자고 룰을 정해놓으면 변수 명도 완성도 있게 진행이 될 것입니다. 개인적으로는 해당 오류가 발생하면 한번쯤 변수명을 다시 생각해보는 건 어떨까요? 만약 스펠링 .. 2021. 11. 2.
intellij - "Unresolved variable " / 해결되지 않은 변수? 안녕하세요. 고코더 입니다. 인텔리제이는 오류에 대한 다양한 메세지를 전달합니다. 중요한 문제점도 있지만 사소로운 거까지 보고하는 일 잘하는 친구입니다. 그래서 가끔은 알 수 없는 오류들이 나타나기도 합니다. 그중에서도 "unresolved variable"는 자주 보이는 메시지입니다. ● 1. 연한 줄무늬로 이러한 경고 메시지가 나타나는 경우가 있습니다. 만약 프로그램에는 오류가 없고 변수에 저런 메세지가 뜬다면 이유는 간단합니다. ● 2. 이 메시지를 좀 더 쉽게 표현하자면 "해당 변수의 라이브러리가 외부의 파일이거나 현재 프로젝트에 참조되어 있지 않아서 보이는 경고로 보여줄게" 그래서 "이 변수는 모르겠다?"라고 대답하고 있습니다. ● 3. 해결방법은? 외부에 있는 참조를 프로젝트 내로 가져오던가 .. 2021. 11. 2.
jQuery - 제이쿼리에서 trim() 사용하기 안녕하세요. 고코더입니다. 이전 시간에 자바스크립트로 trim() 기능을 구현했습니다. 하지만 제이쿼리를 사용하면 우리가 알던 그 trim()을 쉽게 사용이 가능합니다. ● 1. 사용법은 익숙한 trim() 사용 방법 그대로 기능이 구현되어 있습니다. let data = " gocoder "; result = $.trim(data); console.log(result) ● 2. 결과 화면처럼 아주 쉽게 앞뒤 공백을 제거할 수 있습니다. 역시 제이쿼리의 편리함이란 2021. 11. 2.
JavaScript - 숫자만 입력받는 정규식 체크 안녕하세요. 고코더 입니다. 이번에는 자바스크립트 정규식으로 숫자만 입력 가능하도록 코딩을 해보겠습니다. 참 많이 사용하는 코드이지만 할 때마다 잊어버리는 마법의 소스입니다. ● 1. 정규식의 뜻은 0~9까지 숫자만 입력만 가능하다 입니다. 이를 통해 test로 체크를 진행합니다. let str = "1234ABC" let check = /^[0-9]+$/; if (!check.test(str)) { console.log("숫자만 입력 가능합니다."); } ● 2. 결과 화면입니다. ABC 라는 글자가 있기 때문에 해당 체크를 통해 걸러낼 수 있습니다. 맨날 사용하고 까먹는 정규식 2021. 11. 1.
JavaScript - 정규식으로 숫자와 영문자만 입력하기 안녕하세요. 고코더 입니다. 자바스크립트로 가장 많이 사용하는 유효성 체크가 있다면 바로 ID를 입력받을 때 사용하는 "숫자와 영문자만 입력" 하는 체크입니다. 간단하게 예제를 코딩 해보았습니다. ● 1. 정규식으로 해당 식을 test를 사용해 체크하는 방식입니다. let str = "abc가123"; let check = /^[a-zA-Z0-9]+$/; if (!check.test(str)) { console.log("숫자와 영문자만 입력 가능합니다."); } ● 2. 결과 화면은 아래와 같습니다. 원하시는 곳에 사용하면 됩니다. 2021. 11. 1.
JavaScript - 정규식으로 이메일 주소 체크 / 자바스크립트로 이메일 주소 형식 체크 안녕하세요. 고코더 입니다. 자바스크립트로 이메일 형식을 검사하는 정규식을 알아보겠습니다. 이메일의 기본 구조는 골뱅이(@)와 도메인 점(.)이 있는지 확인하는 게 기본 룰입니다. 이 방식은 해당 이메일 주소의 존재 여부는 알 수 없고 기본 이메일 주소의 구조를 가지고 있는지 확인하는 코드입니다. ● 1. 이메일 형식을 체크합니다. let email = "test@email.net" check = /\S+@\S+\.\S+/; check.test(email); ● 2. 결과 화면입니다. 정상적으로 기본 이메일 룰이 체크됩니다. 2021. 11. 1.

티스토리툴바