UX·UI - FrontEnd Dev. Story

프론트엔드 119

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

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

[css] 애니메이션 효과를 나타내는 css 종류

1. 애니메이션 효과 01 라인이 계속 떨어지는 효과로 싱글홈페이지 스크롤 표시에 표현하기 좋음. 예시) HTML S C R O L L CSS .scroll_block { width: 300px; height:300px; border: 1px solid #dfdfdf; } .scroll_block .letters span { display: block; padding: 2px 0; font-size: 12px; text-align: center;} .scroll_block .liner { width: 1px; height: 100px; position: relative; margin: 12px auto 0; overflow: hidden;} .scroll_block .liner::before { cont..

프론트엔드/CSS 2020.09.24

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된 파..

[CSS] text attribute(속성) / 텍스트 CSS 효과 종류로 홈페이지 만들기 예시 & 연습

1. 텍스트 쉐도우 [text-shadow] 그림자 효과 만들기 예시) HTML The western spiral arm The western spiral arm The western spiral arm The western spiral arm CSS p{ font-size: 30px; color: #333;} .txt_shadow1{text-shadow: 3px 3px;} /* 같은색상, 레이어드 효과 */ .txt_shadow2{text-shadow: 13px 8px #aaa;} /* 가로, 세로 , 색상 */ .txt_shadow3{text-shadow: 3px 3px 2px pink;} /* 가로, 세로, 블러 */ .txt_shadow4{text-shadow: 2px 3px 0px #ff8a00..

프론트엔드/CSS 2020.09.22

[CSS] 태그 <ul>에 사용되는 꿀팁 CSS 종류들

List 작업할때 필요한 태그 중 몇가지가 있는데 대표적으로는 순서가 없는 태그 과 순서가 있는 태그 두가지가 있다. 1. 목록 리스트 태그 간혹 ul 목록을 만들다보면 가운데 정렬해야할 때 있는데 정렬하는 방법을 알아보자. 1) text-align: center; 속성을 이용한 가운데 정렬 list_011 list_022222222 list_033333 ul { text-align: center; border: 1px solid #aaa} ul li{ margin: 4px 0; background-color: #a1d8d9;} 이 방법은 목록 자체가 아니라 목록 안의 내용만 가운데 정렬 해야할 때 사용한다. 2) width 값을 정해서 목록 요소 자체를 가운데 정렬하기 ul { ..

프론트엔드/CSS 2020.09.14

[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 파일을 주고 받을 때..

반응형