클로리셔 작은 공간

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

ㅋㅋㅋㅋㅋㅋㅋㅋㅋ 음.. 여기 공간은 뭐 별거없다.. 나이 먹으면서 정신없이 살아오다보니 점점 기억력도 가물가물한것이.. 어제 뭘 했는지도 까먹고해서 그냥 나의 감정과 당시에 있었던 에피소드를 일기식으로 적어놓으려고 만들었달까나.. 즉, 나만의 귀여운 역사 스토리 공간..! 이 또한 시간 지나면 흑역사가 될까 의심스럽지만 누군가에게 도움이 될 수도 있고 무엇보다 나의 생각과 느낌의 성정하는 과정을 볼 수 있는 공간이 아닐까 기대하며 써본다...★ 시각디자인을 전공하면서 필수과목으로 듣게 된 어플리케이션 디자인 제작 수업에서 IT라는것을 처음 알게되었고 호기심이 생겨 배우게 되었다가 재미를 느끼고 욕심이 생겨 디자인 + 퍼블리셔가 되겠다고 꿈꾸던 오래전 나의 모습이 떠오른다. 2021년 지금은 코시국에 접..

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

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

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

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

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

※ 게터와 세터가 너무 이해가 안돼서 개인적으로 알아보기 쉽게 작성한 코드이니 정답이 아닐 수 있습니다. 혹시 더 좋은 설명 있으시면 코멘트 부탁드려요~ class User{ constructor(firstName, lastName, age){ this.firstName = firstName; this.lastName = lastName; this.data = age; } get data(){ console.log('게터getter'); return this._newInstance; } set data(value){ console.log('세터setter'); this._newInstance = value; } } const chloe = new User( 'Chloe', 'Kim', 20 ) conso..

싱글쿼터[ '...' ] 이용 시 특수기호 사용해서 구분하기 1. 기본 - 백틱[ `...` ]을 이용해서 콘솔로그찍기 console.log(`Welcome To Chloe's Blog`); 2. 싱글쿼터[ '...' ] 사용 시, ＼[백슬래시 or 역슬래시] 사용하여 특수기호 싱글쿼터 구분 방법 console.log('Welcome To Chloe\'s Blog'); 3. ＼s [백슬래시 + s] - 엔터(enter)효과 console.log('Welcome To Chloe\'s \nBlog'); 4. ＼t [백슬래시 + t] - 탭(tab) 효과 console.log('Welcome To Chloe\'s \n\tBlog');