주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

우린 Git-flow를 사용하고 있어요 배민에서 github으로 소스를 이전하면서 github-flow를 사용하기 시작했다. 하지만 곧 다시 git-flow로 브랜치 전략을 변경하였다. 작업 정책 JIRA 티켓 생성 하나의 티켓은 되도록 하나의 커밋 커밋 그래프는 단순하게 공유 브랜치의 커밋 그래프를 함부로 변경하지말 것 리뷰어에게 리뷰 본인의 pull request는 스스로 merge git-flow master 제품으로 출시될 수 있는 브랜치 develop 다음 출시 버전을 개발하는 브랜치 feature 기능 개발 브랜치 release 이번 출시 버전 준비 브랜치 hotfix 출시 버전에서 발생한 버그 수정 브랜치 브랜치가 많아졌기에 작업 시 해당 브랜치에서 작업하도록 주의한다. 정책에서 그래프를 단..

프론트에서 안전하게 로그인 처리하기 보안에 위협이 되는 문제 1. XSS (Cross Site Scriptiong) 공격자가 태그나 url등에 Javascript를 삽입해 실행되도록 공격한다. 악성데이터를 실행하거나 사이트의 전역 변수를 이용해 API 요청을 하여 사이트의 로직인 척 행동하여 악의적인 행동을 한다. 2. CSRF (Cross Site Request Forgery) 서버에서 클라이언트 도메인을 통제하고 있지 않으면 공격자가 다른 사이트에서 API 요청을 할 수 있다. 이때 공격자가 사용자만이 가능한 행위(수정, 삭제, 등록 등)들을 할 수 있다. (이러한 행위로인해 최악의 상황 -> 비밀번호, 송금 등에 접근) 원본 글 요약 JWT(JSON Web Token)로 유저 인증 Refresh T..

shadowDOM HTML, CSS, JS 전반적 특성 때문에 생기는 웹앨 빌드의 취약성을 제거한다. id나 class가 중복되어도 충돌되는지에 대한 여부를 알려주지 않기때문에 버그가 많았다. 스타일이 쌓이고 쌓이다가.. 도저히 안될때면 !important를 통해 스타일을 해결하기도 했다. shadowDOM은 CSS및 DOM을 수정한다. vanilla 자바스크립트에서 CSS를 마크업과 번들로 묶고 세부정보를 숨겨 자체포함 구성요소로 작성할 수 있다. 구성요소 HTML Templates Shadow DOM Custom elements HTML Imports CSS범위, DOM 캡슐화 등이 shadowDOM으로 인해 재사용가능하기 때문에 shadowDOM을 사용하면 웹 컴포넌트로 만들 필요가 없다. 자체적으..

클린봇 2.0: 문맥을 이해하는 악성 댓글(단문) 탐지 AI AI관련해서 전혀 관심도 없는데, naver 블로그에서 확인하게 된 재미있고 유익한 글이 있어서 읽어봤다. 2020년 6월 18일 클린봇 2.0 모델이 나왔다고 하며 클린봇은 악플에 대한 탐지 AI이다. 클린봇 모델의 산출 과정에 대해 작성되어있다. 클린봇 2.0 악플 유형 기준 1. 욕설: 일반적인 욕설, 네이버 내부적으로 가지고 있는 욕설 데이터에 포함된 표현 2. 저속한 표현: 타인에게 불쾌감을 주는 속되고, 격이 낮은 표현 3. 선정적인 표현: 성적으로 자극적인 표현 4. 폭력적인 표현: 신체적 위협에 대한 표현 5. 차별적인 표현: 지역/인종/국가/종교 등에 기반한 차별 표현 6. 비하적인 표현: 상대방에게 모멸감과 수치심을 주는 비하..