UX·UI - FrontEnd Dev. Story

용어 10

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

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

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

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

웹 브라우저 쿠키(cookie) / 세션(Session) 개념 차이점

인터넷을 사용하다보면 쿠키 관련된 정보를 묻거나 설정하는거에 대해 많이 나온다. 그래서 자주 접하는 쿠키(cookie) / 세션(session)이 무엇인지 정리했다. * 쿠키(영어: cookie)란 :: 사용자가 어떠한 웹사이트를 방문할 경우, 그 사이트가 사용하고있는 서버를 통해 브라우저에서의 정보들을 사용자의 컴퓨터에 저장되는 작은 텍스트 파일. ex) 웹 사이트에 접속할때마다 쿠키와 세션을 통해 로그인 상태를 유지할 수 있다. 쿠키는 사용자 웹 브라우저에 저장하며 데이터 형태는 Key, Value 형태로 String문이며, 4kb이상 저장 불가. 브라우저마자 저장되는 쿠키는 다르다(크롬, 익스플로러, 사파리, 파이어폭스 등 각각 다름) 1. 쿠키 종류 1) 기술적 쿠키 검색하는 주체가 사람인지 아니..

[프로그래밍 용어] 파싱(Parsing) VS 컴파일(Compile) 용어 차이는?

프로그래밍 REACT를 공부하다가 접하게 된 파싱(Parsing)의 단어 뜻이 궁금해서 알아보았다. 파싱을 네이버 사전에 검색을 해보니.. Parse : (문장을 문법적으로) 분석하다 / 품사·문법적 관계를 설명하다 즉, 파싱하다 라는 의미는 문법적으로 해부를 한다는 의미로 받아드려졌다. 그렇다면 컴파일(Compile)이란 무엇인가 사전으로 찾아보았다. Compile : (프로그램을) 다른 부호[기계어]로 번역하다 즉, 컴파일하다는 기계어로 번역을 한다라고 할 수 있다. 컴파일에는 파싱이 선행이 된다. 쉽게 설명을 위해 영어 문장으로 예시를 들어보자. [ I am a boy ] 라는 문장을 기계어 대신 우리나라 언어로 컴파일을 한다고 했을 때 1. 해당 단어에 맞게 번역을 한다 (파싱) I[나] + am..

[IT 소프트웨어 용어] 디버깅이란?

디버깅(Debugging)이란 무엇인가? 버그란 Bug 벌레를 뜻하는데 초기 컴퓨터 개발자 중 한명인 그레이스 하퍼가 컴퓨터 고장의 원을 조사하던 중 회로 사이에 나방 한 마리가 끼어 있는것을 밝견했다. 그때부터 컴퓨터에 어떤 문제가 생길 경우 버그라고 부르게 되었다. 그리고 디버깅(Debugging)은 버그를 잡는다는 의미로서 잘못된 부분을 찾아 고치는것을 뜻하게 되었다. 글을 쓰거나 문제를 풀 때 이상하거나 틀린 점 발견하면 처음부터 과정을 다시 살펴보는데 디버깅도 마찬가지다. 프로그램 만든 후 원하는 결과 나오지 않거나 문제가 생기면 프로그램의 코드를 처음부터 한 줄씩 실행하면서 무엇이 잘못되었는지 오류나는 부분은 어디인지 일일이 찾아서 고치는 것이다. 버그가 확인되었음에도 아무런 조치를 하지않으면..

[Javascript] 변수와 상수, 리터럴 자바스크스립트 기본 개념 잡기

1. 변수 변수란 언제든 바뀔 수 있는 이름을 붙이는 것이다. 변수를 선언할때는 let / var 를 앞에 붙인다. 변수 선언할 때는 꼭 초깃값을 지정해야하는 것은 아니다. 초깃값을 할당하지 않았을때는 특별한 값 undefined가 할당된다. let 문 하나에는 변수 여러개를 선언 할 수 있다. let targetTempC, room1 = "conference_room", room2 = "lobby"; 여기서는 변수 3개를 선언 했는데 targetTempC는 값을 할당하지 않았으므로 undefined 받습니다. room1은 선언과 동시에 'conference_room'를 할당 받았고, room2 역시 선언과 동시에 'lobby'를 할당했습니다. 2. 상수 ES6에서 새로 생겼습니다. 상수는 변수처럼 값을..

[어린이도 이해하는 소프트웨어 용어정리] 자바스크립트 매개변수란? (parameter)

매개변수란 = 두 변수를 연결해주는 변수 '매개'라는 단어를 사전에서 찾아보면 '둘 사이에서 양편의 관계를 맺어 줌'이라는 뜻을 가지고 있다. 그렇다면 매개 변수는 어떻게 사용되는 것일까? RPG게임을 할때 아이템을 조합하던 그 순간을 떠올려 보자. A라는 아이템과 1~3까지의 카드를 가지고 있고, 아이템과 한가지의 카드를 합치면 새로운 아이템이 탄생하는걸 가정해보자. (1) A + 1카드 = X (2) A + 2카드 = Y (3) A + 3카드 = Z 아이템 A가 있는데 여기에 카드 1을 합치면 아이템 X가 탄생하고, 2를 합치면 Y, 3을 합치면 Z가 탄생하게 된다. 1, 2, 3 중에서 어떤 아이템을 섞느냐에 따라 결과물도 다르게 나온다는 뜻이다. 아이템 A는 항상 고정이고, 최종 아이템 결과물은 ..

[용어정리] 사용자 입력처리하기 / 비동기적 / 동기적 처리란?

동기적 (Synchronous ) 일반적으로 프로그래밍에서 코드의 실행은 작성된 코드의 위에서 부터 아래로 진행된다. 이처럼 코드가 위에서부터 아래로 내려가면서 하나가 끝나면 다음 코드가 실행되는 방식을 동기적 처리라고한다. 비동기적 (ASynchronous ) - 이벤트가 언제 일어날지 프로그래머가 전혀 알 수 없는 이벤트를 말한다. 즉, 연속적으로 발생하는 이벤트를 담은 후 완료되는 순서대로 일을 처리하는 실행 순서가 확실하지 않는 것. 사용자의 마우스 클릭도 비동기적 이벤트의 일종이다. 사용자의 마음에 들어가지 않는 한 언제 클릭할지 알 수 없기때문이다. 비동기적 처리가 필요한 이유는? 원하는 데이터를 서버로부터 받아오는 방식의 어플리케이션을 만들었다고 가정해보자. 서버로부터 데이터를 받아서 해당 ..

반응형