UX·UI - FrontEnd Dev. Story

프론트엔드/정보 용어 31

git 깃 자주쓰이는 명령어 정리

1. 기본 명령어 명령어 설명 git init 저장소(git) 생성 git status 변경 사항 체크 git add * 모든 파일을 staged 상태로 만든다. git add . .gitignore에 있는 파일은 제외하고 staged에 올린다. git add {파일명} 파일명 해당하는 파일을 staged에 올린다. cd directory change directory 디렉토리를 변경한다는 의미 git clone {url} {저장할 폴더명} 폴더명을 입력하면 현재위치에 폴더를 만들면서 클론 git clean 추적 중이지 않는 파일만 지우는 기본 동작 git clean - f 디렉터리를 제외한 파일들만 삭제 git clean -f -d 디렉터리까지 삭제 git clean -f -d -x ignored된 파..

[IT 소프트웨어 용어] 매시업(mashup)이란?

1. 매시업(mashup)이란? 매시업은 원래 있는 정보를 활용하는 방법이기 때문에 투자비용이 적다는 장점이 있다. 지도와 부동산 정보가 함께 결합된 형태의 정보를 제공하는 하우징 맵 개발을 위해 지도부터 새롭게 만들어야 했다면 엄청난 비용과 시간이 소요되었을 것이다. 하지만 구글에서 이미 제작해 놓은 지도를 이용했기에 훨씬 간편한 방법으로 획기적인 서비스를 제공할 수 있었던 예시다. 하지만 동일한 이유 때문에 문제가 발생할 수도 있는데 구글에서 제공하는 지도 서비스에 결함이 발생한다면, 하우징맵도 영향을 받게 될 것이다. 즉, 제공되던 서비스에 오류가 발생하거나 중단되었을 때, 함께 영향을 받는다는 문제점도 존재하는 것이다. 이처럼, 기존에 여러 웹사이트에서 제공되는 다양한 서비스를 활용해서 새로운 서..

[IT 소프트웨어 용어] 루팅(rooting)이란?

루팅(rooting)이란 무엇인가? - 안드로이드 운영체제 모바일 기기에서 관리자 권한을 획득하는 것이다. 안드로이드 스마트폰을 구입하면 사용자는 [게스트] 권한을 부여받는다. 관리자 권한이 아니라 게스트 권한만 부여하는 이유는 조작이 서툰 사용자가 시스템에 접근했다가 고장 날 수도 있고, 운영체제 업데이트가 필요할 때 제조사에서 일괄적으로 제공하기 편하기 때문이다. 그렇다고 사용자가 관리자 권한 또는 슈퍼유저 권한을 전혀 획득할 수 없는 것은 아니다. 외부 프로그램을 이용하면 관리자 권한으로 접근할 수 있는데 이것을 바로 루팅(Rooting)이라고 한다. 루팅을 통해 기본적으로 내장되어 있던(스마트폰 구매시 설치 되어 있던 앱) 애플리케이션을 삭제할 수도 있다. 이런 앱 중에는 사용자가 이용하지 않는 ..

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

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

[프론트엔드 용어] 프로토콜, IP주소, 도메인네임 무슨 소리죠?

1. 프로토콜 (Protocol) : 한국어 사전 "규약" 프로토콜이란 컴퓨터 지네끼리 정보를 주고받기 위한 자기네들만의 규칙이나 약속이라 한다. 서로 원활한 교류, 소통을 위해 정해진 규칙이라는 의미인데.. 인간 세상을 표현하자면, 전화 통화할때 전화 받는사람은 '여보세요?'로 시작하라는 규칙이라고 생각하면 쉬울것 같다. 전화가 오면 받고 "여보세요?"로 반응한다 -> 인간계의 프로토콜 이렇듯 정보를 교환하기위한 네트워크 세상의 통신규약을 프로토콜이라 부른다. * 대표적인 프로토콜 인터넷에 사용되는 TCP - Transmission Control Protocol / IP - Internet Protocol 웹에 사용되는 HTTP - HyperText Transfer Protocol 파일을 주고 받을 때..

[어린이도 이해하는 소프트웨어 용어정리] 자바스크립트 매개변수란? (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 ) - 이벤트가 언제 일어날지 프로그래머가 전혀 알 수 없는 이벤트를 말한다. 즉, 연속적으로 발생하는 이벤트를 담은 후 완료되는 순서대로 일을 처리하는 실행 순서가 확실하지 않는 것. 사용자의 마우스 클릭도 비동기적 이벤트의 일종이다. 사용자의 마음에 들어가지 않는 한 언제 클릭할지 알 수 없기때문이다. 비동기적 처리가 필요한 이유는? 원하는 데이터를 서버로부터 받아오는 방식의 어플리케이션을 만들었다고 가정해보자. 서버로부터 데이터를 받아서 해당 ..

[Front-End-Develope] 프론트앤드 개발자가 알아야 할 필요한 기술들

프론트엔드 개발에 필요한 기술들 1. HTML : 태그와 속성, 시멘틱한 웹사이트 제작 2. CSS : 레이아웃(float, flex, grid), 애니메이이션(transition/animation), 반응형 웹, Preprocesspr(Ssass,PostCSS), CSS 방법론, CSS 프레임워크 3. 크로스 브라우징 4. 자바스크립트 : ES5, ES6, ES NEXT, DOM/Event, Ajax, 동작 원리(브라우저, 자바스크립트 엔진), node.js 5. HTTP 6. Tools : Git, Webpack, Babel, ESLint, npm 등 7. Library / Framework : SPA(Angular, React, Vue.js), TypeScript, jQuery, Lodash, Ax..

[Visual Studio] 비쥬얼 스튜디오 단축키 정리 및 모음

단축키 추천 단축키 기능 Ctrl + F3 현재 단어 찾기 > F3 : 다음 찾기 Ctrl + F 찾기 대화상자 Ctrl + H 바꾸기 대화상자 Ctrl + Shift + F 파일들에서 찾기 대화상자 Ctrl + Shift + H 파일들에서 바꾸기 대화상자 Ctrl + G 해당 줄로 가기 Ctrl + Tab Edit하고 있는 Child Window 간의 이동 Ctrl + Left/Right 단어 단위로 이동 Ctrl + Backspace 단어 단위로 삭제 Alt + ↑/↓ 선택한 줄 위/아래로 이동 한번에 이동시키기 Ctrl + Shift + [ 코드 접기 Ctrl + Shift + ] 코드 펴기 Alt + 마우스 클릭 클릭하는 곳들에 커서를 만들어준다 Alt + Shift + Up/Down 라인 복사하..

반응형