개발지식22 사용자 비밀번호 암호화 - Hash & Salt 들어가며 웹 프로젝트를 하다보면 사용자의 비밀번호를 다루게 되는 일이 생긴다. 이 프로젝트가 실제로 서비스가 되고 있는 프로젝트라면 사용자의 비밀번호를 다루는 일은 보안상에 있어서 아주 중요한 부분일 것이다. 만약 이러한 비밀번호를 디비에 그냥 평문으로 저장하게 된다면 해커에 의해서 디비가 털리는 순간 큰 문제가 생길 것이다. 그렇기 때문에 사용자 비밀번호를 저장하는 것은 중요한 일이다. 들어가기 앞서 해싱과 암호화에 차이를 먼저 짚고 넘어간다. 사용자 비밀번호 암호화 - Hash & Salt 해싱과 암화화는 일상 생활에서 어느정도 의미가 통용되지만 암호학적으로 볼때는 차이가 있다. 그 차이는 바로 방향성에 차이인데 암호화는 양방향에 방향성을 가지고 있기에 암호화 복호화 가 가능하다. 해싱은 단방향이기 .. 2021. 9. 23. Slack webHooks를 이용하여 알람 메시지 받기 들어가며 슬렉에서 제공하는 webHooks을 이용한 알림 서비스 구현 방법에 대해서 정리한다. Spring boot - Slack webHooks를 이용하여 알람 메시지 받기 순서는 아래와 같은 순서로 진행된다. Slack 설치 WebHooks 설치 코드 구현 Slack 설치 먼저 슬렉을 설치해준다. 가입이 안되어 있다면 가입도 해준다. https://apps.apple.com/kr/app/slack-for-desktop/id803453959?mt=12 Slack for Desktop Slack은 기업의 규모와 상관없이 팀 커뮤니케이션과 협업을 위한 하나의 공간을 제공하여 더 많은 일을 할 수 있도록 지원합니다. 할 일을 적어 둔 목록을 하나씩 지워나가고 알맞은 사람들, 대 apps.apple.com.. 2021. 9. 13. Base64와 base64 이미지 데이터 인코딩하여 사용하기 Base64와 base64 이미지 데이터 인코딩하여 사용하기 백단에서 넘겨주는 바이너리 데이터를 이용하여 앞단에서 이미지를 보여줘야하는 상황이 생겨 base64로 인코딩하여 이미지를 나타내는 방법을 정리한다. base64란? 바이너리 데이터를 텍스트로 변경하는 인코딩 방식중 하나이며 문자 코드에 영향을 받지 않는 공통 64개의 ASCII 영역의 문자들로 이루어진 문자열로 변경해준다. 인코딩 서버에서 바이너리 데이터를 base64로 인코딩하여 넘겨준다. return connection.request() .query(query) .then(result => { for(var i in result.recordset){ const bast64str= result.recordset[i].data.toString(.. 2021. 9. 7. Thymleaf - 문법 및 표현방법 정리 Thymleaf - 문법 및 표현방법 정리 (업데이트...) 타임리프는 흔히 View Template(뷰 템플릿)이라고 부른다. 여러 템플릿 엔진들이 있지만 타임리프는 th:xx 형식으로 기존 html태그의 마크업 구조를 흐트러트리지 않고 랜더링이 가능하다는 장점이 있다. 이외에 타임리프에 특징을 정리한다. 타임리프 특징 1 .서버 사이드 HTML 렌더링 (SSR) 타임리프는 백엔드 서버에서 HTML을 동적으로 렌더링 하는 용도로 사용된다. 2. 네츄럴 템플릿 타임리프는 순수 HTML을 최대한 유지하는 특징이 있다. 타임리프로 작성한 파일은 HTML을 유지하기 때문에 웹 브라우저에서 파일을 직접 열어도 내용을 확인할 수 있고, 서버를 통해 뷰 템플릿을 거치면 동적으로 변경된 결과를 확인할 수 있다. JS.. 2021. 8. 10. MAC - STS lombok 설치 및 경로 설정 MAC - STS lombok 설치 및 경로 설정 아래 해당 링크에서 다운을 받는다. projectlombok.org/download Download projectlombok.org 터미널에서 lombok 다운 폴더로 이동후 java -jar lombok.jar 명령어 실행. 바로 경로가 아래처럼 설정되어 있다면 그대로 설치 후 완료하면 되고 안된다면 특정위치선택 후 아래 해당 경로를 따라가 설정하면 된다. 마지막으로 설치 종료를 누르고 .ini파일에 들어갔을때 아래 내용이 있다면 정상적으로 설치 된 것이다. maven 설정시 org.projectlombok lombok 1.18.20 provided 버전은 해당 버전에 맞춰서 설정한다. 2021. 4. 16. Blog - Dark Mode 만들기 Blog - Dark Mode 만들기 블로그 스킨에 뭔가 변화를 줄 수 있는게 뭐 없을까 생각해보다가 다크모드를 한번 적용해보기로 하였다! 구글링을 통해 여러 자료들을 찾아보다가 해당 글을 참고해서 만들었다. css-tricks.com/a-complete-guide-to-dark-mode-on-the-web/ A Complete Guide to Dark Mode on the Web | CSS-Tricks “Dark mode” is defined as a color scheme that uses light-colored text and other UI elements on a dark-colored background. Dark mode, dark theme, black mode, night mode… t.. 2021. 4. 9. 이전 1 2 3 4 다음
