메모 6

React 앱 컴포넌트화

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

메모 2024.04.29

Sonar Qube - 정적 분석 툴

오늘은 지난시간에 알아본 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..

메모 2022.07.19

Sonar Lint - Code feedback 플러그인

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

메모 2022.07.18

[Postman]을 이용한 API 테스트

여러분은 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..

메모 2021.05.18