UX·UI - FrontEnd Dev. Story

프론트엔드/정보 용어 29

[Git/GitHub] Commit Convention / 깃 커밋 컨벤션 사용

1. commit 메세지 구조 - 기본 적인 커밋 메시지 구조는 제목,본문,꼬리말 세가지 파트로 나누고, 각 파트는 빈줄을 두어 구분한다. type : subject body footer 2. Commit Type Rule - 타입은 태그와 제목으로 구성되고, 태그는 영어로 쓰되 첫 문자는 대문자로 한다. 태그 제목 Feat : 새로운 기능 추가 Fix : 버그 수정 Docs : 문서 수정 Style : 코드 포맷팅, 세미콜론 누락, 코드 변경이 없는 경우 Refactor : 코드 리펙토링 Test : 테스트(테스트 코드 추가, 수정, 삭제, 비즈니스 로직에 변경이 없는 경우) Chore : 위에 걸리지 않는 기타 변경사항 (빌드 스크립트 수정, assets image, 패키지 매니저 등) Design ..

로컬호스트 설정방법 Setting LocalHost

IP 넣어서 로컬호스트 설정하는 방법 1. 바탕화면에 마우스 오른쪽 버튼을 눌러 바로가기 메뉴가 뜨면 새로 만들기 → 바로 가기(S) 메뉴를 선택 합니다. 2. 항목 위치 입력에 아래와 같은 위치를 입력 하고 다음 버튼을 누릅니다. 항목 위치 C:\Windows\System32\notepad.exe C:\Windows\System32\drivers\etc\hosts 3. 바로 가기 파일 이름에 사용할 이름을 임의로 입력 후 마침 버튼을 누릅니다. 4. 바탕화면에 만들었던 host수정 메모장 파일을 마우스 오른쪽 버튼을 눌러 관리자 권한으로 실행 메뉴를 선택합니다. 5. 관련 내용을 입력 후 상황에 맞게 주석 넣었다 뺐다 하면 됩니다. 예시 ## ㅇㅇㅇ 브랜드 호스트 #127.0.0.1 www.someth..

개발에 필요하고 사용하는 모든 축약어 용어 정리하기

개발 공부를 하다보면 수많은 영어와 줄임말이 나온다. 너무 많아서 헷갈리기도하고 매번 까먹는것 같아서 개인적으로 정리를 하다가 블로그에 그냥 남기기로 했다. 용어를 찾을때마다 추가 할 예정. 01. TOC [ Table Of Contents ] – 목록을 나타낼 때 보통 쓰는 말 02. NPM [ Node Package Manager ] 03. CLI [ Command Line Interface ] 04. CDN [ Contents Delivery Network ] – 제약없이 전 세계 사용자에게 빠르고 안전하게 컨텐츠 전송할 수 있는 컨텐츠 전송 기술 05. HTML [ Hyper Text Markup Language ] 06. VCS [ Version Control System ] 07. SVN [ ..

터미널 Git으로 GitHub 사용하는 방법 A부터 Z까지(깃, 깃허브)

Git으로 GitHub에 버전관리를 하려고 할때마다 매번 헷갈렸다.. clone이 어쩌고 add가 어떻고, branch가 머시기고... 그럴때마다 검색하면 push에 대한 설명이라던지 commit 사용법이라는지 그런것만 있지 어떤 순서로 어떻게 하라는건지 제대로 된 설명이 없었다. 그래서 이 참에 그냥 내가 정리를해서 포스팅을 했다. 포스팅하고보니 이제 여기만 들어오게 된다..ㅋㅋㅋ 다른 깃 초보자들에게도 이 포스팅이 도움 되길 바라며.. [바로가기 버튼] 1. Git 초기화 설정으로 Git 버전관리하기 2. GitHub에서 저장소 만들어서 프로젝트 Git 이랑 연결하기 3. 작업한 프로젝트들을 버전으로 gitHub에 올리는 방법 4. 브랜치 만들기 5. 깃 저장소(Git Hub)에 업로드 6. 깃과 깃..

크롬/Chrome 주소 HTTPS 에서 HTTP로 전환해서 바꾸는 방법/리다이렉트 해제

1. 주소창에 URL을 입력했는데 HTTP가 HTTPS가 되어버렸어요! 크롬 웹브라우저에서 SSL이 적용된 사이트에 접속하다보면 홈페이지 주소 앞에 사용되는 프로토콜이 HTTP 에서 HTTPS 로 변경되어서 접속하게 된다. 즉 강제로 https 리다이렉트 된다!!! * SSL이 궁금하다면 아래 링크 클릭! 정보계층보안 SSL(Secure Sockets Layer)인증서 의미/정의 1. SSL [ Secure Sockets Layer ] - 정보 계층 보안이란? 암호화 기반의 인터넷 보안 프로토콜로 개인정보 보호, 인증, 데이터 무결성을 보장하기 위해 개발되었다. * 무결성 ? 더보기 - 데이터의 chlolisher.tistory.com * 프로토콜이 궁금하다면? [프론트엔드 용어] 프로토콜, IP주소, ..

정보계층보안 SSL(Secure Sockets Layer)인증서 의미/정의

1. SSL [ Secure Sockets Layer ] - 정보 계층 보안이란? 암호화 기반의 인터넷 보안 프로토콜로 개인정보 보호, 인증, 데이터 무결성을 보장하기 위해 개발되었다. * 무결성 ? 더보기 - 데이터의 정보가 변경되거나 오염되지 않도록 하는 원칙. 네트워크에서 데이터 전송 시 비인가 접속자가 데이터를 변경하거나 위조하지 않았다는 것을 나타냄. SSL은 SSL 인증서(공식적으로 TLS 인증서)가 있는 웹사이트만 실행할 수 있는데 SSL 인증서는 사람으로 친다면 신원을 확인하는 신분증이라 생각하면 된다. SSL 인증서는 사이트 or 애플리케이션 서버가 웹에 저장하고 표시한다. SSL/TLS를 사용하는 웹사이트 URL에는 HTTP 대신 HTTPS 가 있습니다. 디지털 인증서는 인터넷 보안에서..

JSON(JavaScript Object Notation) 이란? 개념잡기

개념 JSON은 자바스크립트의 객체를 만들때 리터럴(Literal)과 프로퍼티(Property)를 표현한다. 따라서 JSON 데이터는 모양과 규칙이 매우 단순하다. 그래서 브라우저 영역에서 쉽고 빠르게 의미를 해석할 수 있으며, 다른 프로그래밍 언어에서도 구현하기 쉽다. JSON은 데이터 포맷일 뿐이라서 어떤 통신도 프로그래밍 문법도 아닌 단순한 데이터 표시하는 표현 방법일 뿐입니다. * 리터럴(literal) 개념 더보기 Click 더보기 리터럴(Literal)은 데이터(값) 그 자체를 뜻한다. 변수에 넣는 변하지 않는 데이터를 의미. 30 // 숫자 리터럴 "JSON이란" // 문자열 리터럴 true // 불리언 리터럴 리터럴 표기법이란, 변수를 선언함과 동시에 그 값을 지정해주는 표기법.. // 객..

PHP에 대한 개념 정리

기본 웹 페이지의 개념 웹 페이지 프로그래밍 언어에는 Javascript(자바스크립트)와 PHP 등 다양하게 있다. JavaScript는 클라이언트 측의 스크립트이고 PHP는 서버 측 스크립트이다. 웹 브라우저는 서버에서 내용을 받아 클라이언트 서버에 보여주는 역할을 하며, HTML 코드로 작성한 페이지들은 단순히 레이아웃이 고정된 정적 웹 홈페이지다. 그래서 자바스크립트(JavaScript)와 PHP는 이런 정적인 페이지를 동적으로 만들어주는 역할을 한다. * 클라이언트 사이드와 서버 사이드 개념이 궁금하시다면 Click! 클라이언트 사이드와 서버 사이드의 개념과 차이점 Client-side / Server-side 웹 프로그래밍에서 서버 사이드 / 클리아언트 사이드는 엄청난 의미를 가진다. 왜냐하면 ..

클라이언트 사이드와 서버 사이드의 개념과 차이점 Client-side / Server-side

웹 프로그래밍에서 서버 사이드 / 클리아언트 사이드는 엄청난 의미를 가진다. 왜냐하면 어느쪽에 중심을 두느냐에 따라 프로젝트의 방향이 완전히 다르기때문이다. 1. 클라이언트 사이드(Client-Side) - 클라이언트(사용자) 측에서 처리하는 것. 클라이언트가 입력한것을 수신해서 HTML로 만들어서 크롬과 같은 어플리케이션에 해석해서 표시. 대표적으로 자바스크립트(Javascript)이 있다. 2. 서버 사이드(Server-Side) - 서버(제공자) 측에서 즉시 처리하는 것. 서버 사이드는 클라이언트로 보낼 웹 페이지(HTML, JavaScript 등이 담긴)를 만들며, 정말 중요한 작업들(사용자 유효성, DB 관련 등)을 수행한다. 대표적인 언어는 Java, PHP, Ruby, Python, Node..

반응형