Branch 생성 방식과 네이밍 규칙 클론 코딩을 시작하려는데, 현업에서 하는 것처럼 브랜치를 나눠서 하려니 브랜치 이름에도 규칙이 있지 않을까 싶어 찾아보고 작성합니다. 더불어, 브랜치 네이밍을 알기에 앞서 브랜치 종류는 어떤 것이 있는지 먼저 설명하겠습니다. Branch 의 종류 Main branch 중앙 저장소에는 수명이 무한한 두 가지 메인 브랜치가 있다. 바로, master 브랜치와 develop 브랜치이다. 1. master branch 제품으로 출시될 수 있는 브랜치 사용자에게 배포 가능한 상태만을 관리한다. 여기서는 배포(release) 이력을 관리하기 위해 사용한다. 즉, 함부로 master 브랜치에 병합(merge) 하게 되면 탕비실에 끌려갈 수 있다. 항상 master 브랜치에서 작업..

마크다운 마크다운 규격은 회사/부서/팀 에서 정하고 있다. PM 이나 PL 이 README 마크다운의 틀을 잡아놓고 개발자들은 하단에 이어붙여 추가하게 된다. 비록 사용하는 포맷은 다르겠지만 마크다운 양식을 공유하고자 이 글을 남긴다. [공통] 마크다운 markdown 작성법 1. 마크다운에 관하여 1.1. 마크다운이란? Markdown은 텍스트 기반의 마크업언어로 2004년 존그루버에 의해 만들어졌으며 쉽게 쓰고 읽을 수 있으며 HTML로 변환이 가능하다. 특수기호와 문자를 이용한 매우 간단한 구조의 문법을 사용하여 웹에서도 보다 빠르게 컨텐츠를 작성하고 보다 직관적으로 인식할 수 있다. 마크다운이 최근 각광받기 시작한 이유는 깃헙(https://github.com) 덕분이다. 깃헙의 저장소Reposi..

서론 로그인 창을 정돈되게 꾸미고 싶어 배경에 VIDEO를 넣기로 했다. 어두운 채색의 VIDEO 를 사용할 경우, 전체적으로 안정된 모습을 보여준다. HTML & CSS *HTML* 대체 텍스트 ~~ 블라블라 Welcome to OOO System OOO시스템에 오신 것을 환영합니다. 아이디 비밀번호 로그인 *CSS* /*video*/ video { -o-object-fit: cover; object-fit: cover; position: absolute; height: 100%; width: 100%; top: 0; left: 0; z-index: 0; } /*video*/ 완성된모습 마무리(관련 글) -------------내용입력-----------

서론 로그인 창 개발을 하다보면 브라우저에서 지원하는 자동완성 기능 때문에 애 먹는 경우가 상당히 많다. 특히 input에 있는 background 가 전체적인 화면의 밸런스를 해치기 때문에 꼭 수정해주는 것이 좋다. CSS 필자의 경우 webkit 에서 가져오는 색상을 지연시킴으로 인해 약간의 꼼수를 부려 해결했다. input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition-delay: 9999s; transition-delay: 9999s; }

서론 하나의 프로젝트에서 관리자용 화면과 사용자용 화면을 동시에 같이 쓰는 경우가 간혹 있다. 관리자 화면의 경우, 사용하는 메뉴가 많아 (심지어 드롭다운 메뉴가 허다하다.) 사이드메뉴(버거메뉴 Burger Menu) 로 구현하였다. 이와는 다르게 사용자 화면의 경우 페이지가 몇 개 없어 아래와 같이 Navigation bar로 구현하였다. #Lib jquery.min.js bootstrap.min.css fontawesome.all.css html 내정보 QRcode 거래내역 ... 로그아웃 //page init 시 초기 세팅을 강제화 하기 위해 선언 javascript 이해하기 쉬운 코드이다. this의 position 값을 읽은 후에, 값을 계산하여 css 값을 수정시킨다. $(function ()..

서론 회원가입 페이지를 만들다보면, 아이디에 한글을 지원하지 않는 경우가 대부분이다. 이를 위해 많은 방법이 있는데, javascript의 정규식을 이용해서 단순하게 제어가 가능하다. const regType = /^[a-zA-Z0-9]*$/; let data = params.param if (!regType.test(data)) { $("#idRequired").html("아이디가 조건에 맞지 않습니다"); //별도로 만든 유효성 HTML 구문 alert("아이디가 조건에 맞지 않습니다"); }else{ ... };

서론 자주 쓰이는 데이터와 같은 경우, 일일히 입력함에 번거로움이 있다. 이에 편의성을 높이고자 브라우저에서 '자동완성' 기능으로서 지원하고 있는데, 개발자들은 최초 데이터가 입력되는 form 에서 이 기능 덕분에 불편함을 겪는다 즉, 이 기능을 무효화 시키는 코드를 짜야한다는 것이다. 무효화시키기 현재 브라우저에서는 type에 password가 존재하면, 브라우저에 저장된 계정 데이터에서 첫 번째 input에는 아이디를 넣고 type="password" 부분에는 비밀번호를 넣는다. 무효화시키는 방법은 간단하다. type="password" 를 없애고 type="password" 에서만 존재하는 암호 가리기 처리는 별도 css를 추가하여 적용한다. style="-webkit-text-security:di..

SMTP(Simple Mail Transfer Protocol) * SMTP란? 📝Simple Mail Transfer Protocol의 약자로 전자 메일 전송을 위한 표준 프로토콜이다. (이메일을 송수신하는 서버를 SMTP 서버라고 한다) * 작동방식은? 이메일 클라이언트와 메일 서버 간의 데이터 교환 프로세스를 거쳐 동작한다. SMTP 연결: 클라이언트와 서버 간 TCP 연결로 이메일 전송 프로세스를 시작 이메일 데이터 전송: 클라이언트가 이메일 헤더(대상 및 제목 줄 포함), 이메일 본문, 기타 추가 구성 요소로 이루어진 실제 이메일 콘텐츠와 함께 일련의 명령을 서버에 보냄 메일 전송 에이전트(MTA): MTA는 수신자의 이메일 주소 도메인을 확인하고 발신자와 다를 경우 수신자의 IP주소를 찾도록 ..