choisiel의블로그

# 객체 지향 프로그래밍객체 지향 프로그래밍 OOP(Object-Oriented Programming)은 Java, C++를 비롯한 많은 프로그래밍 언어의 기본이 되는 프로그래밍 패더다임입니다.객체 지향 프로그래밍은 각 객체가 시스템의 특정 측면을 나타내는 객체 모음으로 시스템을 모델링하는 것입니다.객체에는 함수(또는 메서드)와 데이터가 모두 포함됩니다.객체는 사용하려는 다른 코드에 대한 공용 인터페이스를 제공하지만 자체 비공개 내부 상태를 유지합니다.시스템의 다른 부분은 객체 내부에서 일어나는 일에 대해 신경 쓸 필요가 없습니다.# 클래스 및 인스턴스OOP의 객체 측면에서 문제를 모델링할 때 시스템에 포함하려는 객체 유형을 나타내는 추상 정의를 만듭니다.예를 들어 학교를 모델링하는 경우 교수를 나타내는..

#리액트의 철학. 리액트는 UI를 컴포넌트로 나눔으로써 UI를 만들어 낸다.이것의 장점은 마크업과 뷰 로직을 통합시킴으로 유지보수가 용이해지고,마크업과 내용물을 자바스크립트로 가져감으로써 수동식 string concatenation이 사라지고, XSS 취약을 완화시켜준다.리액트는 데이터가 변할 때 빛을 발하는데전통적인 자바스크립트 어플리케이션에서는 데이터가 변경되었을때 DOM을 변화시켜야 했다.리액트는 컴포넌트가 처음 초기화 될 때 render 함수가 호출되고, 간소화된 표현의 view가 만들어진다.그 view로 부터 마크업 문자열이 만들어지고 document에 삽인된다.데이터가 바뀌며, render은 다시 호출되고 이전의 render 의 리턴값과 현재 상태를 비교하여 DOM에 적용되어야 할 최소한의 ..

오늘은 지난시간에 알아본 sonarlint에 이어 sonarQube를 적용한 정적 분석을 소개하려한다. sonarlint 관련 글 ➡️ https://choisiel.tistory.com/20 Sonar Lint - Code feedback 플러그인 개발중에 정적분석, 동적분석에 대한 요구사항이 있었고, 별도의 분석툴 없이 개발하던 나는 관련 자료를 찾게되었다. 무료툴 위주로 찾던 중에 sonarlint 와 sonarQube를 찾았고 바로 사용해보았다. choisiel.tistory.com 공식사이트 ➡️ https://www.sonarqube.org/ Code Quality and Code Security | SonarQube Catch bugs and vulnerabilities in your app..

개발중에 정적분석, 동적분석에 대한 요구사항이 있었고, 별도의 분석툴 없이 개발하던 나는 관련 자료를 찾게되었다. 무료툴 위주로 찾던 중에 sonarlint 와 sonarQube를 찾았고 바로 사용해보았다. sonarlint는 jetBrains , Eclipse, Visula Studio, VS Code에서 사용 가능하다. sonarlint의 주 기능은 코딩 할 때 품질 및 보안 문제를 식별하고 버그 감지, 맞춤법 검사와 이를 해결에 대한 권장사항을 제공해준다. sonarlint 공식사이트 >> https://www.sonarlint.org/ 내가 주로 사용하는 VS Code 에서는 마켓플레이스에서 sonarLint 검색 후 설치할 수 있다. 내 경우엔 설치가 오래걸려서 재시작도 해봤는데 그냥 오래 걸렸..

여러분은 API 개발 시 어떤 식으로 진행하시나요? 저는 Postman 의 도움을 많이 받는데요. 아래 글을 보며 같이 진행해보시죠. 1. 다운로드 먼저 postman 공식페이지에서 다운로드 후 설치해주세요. 링크 https://www.postman.com/downloads/ 2. Workspaces 추가 (사용시 postman 회원가입이 필요합니다. 회원가입 부분은 패스) Workspaces 목록에서 + New Workspace 버튼을 클릭 후 새로운 워크스페이스를 생성합니다. 3. New Request 생성 Collections 항목에서 New Request 를 생성합니다. 4. 테스트 테스트할 POST 를 작성합니다. POST 형식의 body에 테스트용 JSON을 담았고, headers 에는 Con..

불가피하게 전역변수를 사용할 경우 객체로 생성하고 객체의 속성으로 변수를 관리. js에서는 함수도 객체다. 객체의 속성 값으로 담겨진 함수를 메소드 method 라고 한다. - 콜백함수 처리의 위임 함수의 인자로 함수로 전달 클로저 예시 1 2 3 4 5 6 7 8 9 10 11 var arr = [] for(var i = 0; i

json 형식의 data를 checkbox 형태로 구현. json 예시 {"Management":1, "Confrim":1} ejs 처리 {%> value 값에 1 혹은 0이 들어옴. JS 처리 $(document).ready(function(){ // checkbox checked $('input:checkbox[name="checkAuth"]').each(function() { if(this.value == 1){ this.checked = true; } }); }) "checkAuth" name을 가지는 input 중 value 값이 1일 때 checked 처리해준다.