# development

44개의 포스트
post-thumbnail

연산자와 타입변환

아래 내용은 학원 수업과 "모던자바스크립트 Deep Dive : 이웅모 저"를 읽고 정리한 내용입니다. 프로그래밍에서는 수학에서 사용하는 산술연산자 외에도 여러가지 연산자들이 존재하고, 연산자가 연산을 수행하는 대상을 피연산자라고 한다. 이 때 피연산자는 값으로 평가

2021년 4월 8일
·
0개의 댓글
post-thumbnail

데이터 타입

아래 내용은 학원 수업과 "모던자바스크립트 Deep Dive : 이웅모 저"를 읽고 정리한 내용입니다. 자바스크립트의 데이터 타입 : 자바스크립트에는 7가지 데이터 타입이 있다. 데이터 타입은 크게 원시타입과 객체 타입으로 나눌 수 있으며, 이 타입에 따라서도 다른

2021년 4월 7일
·
0개의 댓글
post-thumbnail

React JS 프로그래밍 (1) - Movie Web Service 만들기

React JS 를 시작합니다. React JS 를 사용하여 Movie Web Service App 을 만드는 강의를 듣기 시작했습니다. 혼자 공부하는데에 너무 지쳐있기에 이번 기회에 강의를 찾아보았습니다. 한번도 써보지 못했지만 항상 들어왔던 React를 드디어 배

2021년 3월 10일
·
0개의 댓글
post-thumbnail

변수

아래 내용은 학원 수업 및 온라인 강좌와 모던 자바스크립트 Deep Dive(이웅모 저)를 정리한 내용입니다. 변수 처음 자바스크립트를 공부하기 위해서 책을 펼쳤을 때 가장 먼저 나온 그것!! 바로 변수였다. 시중에 나와있는 책, 그리고 변수를 검색했을 때 가장 많

2021년 2월 25일
·
0개의 댓글
post-thumbnail

Git은 왜 필요한가? (feat. git 사용법)

Git? git이 왜 필요한지 알기 위해서는 먼저 git이 뭔지 알아야 한다. 하지만 자세한 설명은 정보의 바다인 인터넷에 조금만 찾아보면 워낙 잘 나와있을테니까 생략하고 간단하게만 알아보고자 한다. git은 분산 버전 관리 시스템을 말하는 것으로 소스코드를 쉽게 관

2021년 2월 15일
·
0개의 댓글
post-thumbnail

배경 이미지에 blur 처리를 하고 싶어요.

blur 효과 모바일이나 웹사이트를 이용하다 보면, 기존의 화면 위에 팝업창과 같은 보조 창이 뜨게 될 경우 뒷 화면이 블러 처리가 되는 경우나, 배경 이미지가 블러처리 되어 있는 경우가 있다. 이 부분은 어떻게 처리하는 것이 좋을까? 배경이미지의 경우 포토샵에서 블

2021년 2월 8일
·
0개의 댓글
post-thumbnail

보조기기 사용자들을 위해 접근성을 개선하고 싶어요.

접근성 HTML 문서를 작성하다보면 우리는 음성 보조기기 등을 사용하는 사용자들을 배려하기가 쉽지 않다. 내가 직접 겪은 문제가 아니기 때문에 필요성을 잘 느낄 수 없기 때문이다. 하지만 이런 문제는 반드시 해결되어야 하는 문제이다. 일반 사용자와 완전히 같은 페이지를

2021년 1월 26일
·
0개의 댓글
post-thumbnail

웹 문서(HTML & CSS) 작성 사전준비

아래 내용은 학원 수업을 듣고 정리한 내용입니다. HTML 작성을 하려고 하면, 무엇부터 해야 할까? 어디서부터 시작해야할까? 시안 분석 디자인 된 파일을 HTML 파일로 만들기 위해서 제일 먼저 해야할 일은 무엇일까? 바로 시안을 분석하는 것이다. 시안을 분석하

2021년 1월 18일
·
0개의 댓글
post-thumbnail

SEO (Search Engine Optimization : 검색엔진 최적화)

웹 사이트(혹은 웹 어플리케이션)을 만드는 이유는 뭘까? 일반적으로 내 제품을 홍보하거나 웹 사이트의 서비스 자체가 비즈니스이기 때문이다. 그렇다면 내 제품, 웹 사이트의 서비스를 효과적으로 홍보하기 위해서는 어떻게 해야할까? 요즘에는 검색이 워낙 활성화되어 있기 때문

2021년 1월 11일
·
0개의 댓글

개발을 공부하기 시작하면서 드는 생각들

최근 들어서 과거에 들었던 이야기들, 과거에 생각했던 것들이 머리속에 불쑥 나타나고는 한다. 그중 하나로, 이전에 엔지니어로 일했던 분야에서 경력 50년 정도 되시는 테크니션 분과 나눴던 이야기가 얼마전 갑자기 생각 났었다.(모터 소리만 들어도 내부 상태를 아시는 분이

2021년 1월 10일
·
2개의 댓글
post-thumbnail

시맨틱 웹 (Semantic Web)과 웹 접근성

웹 표준 웹 표준은 W3C에서 제정하고 있는 공식 표준기술을 얘기하는 것으로 점차 중요도가 높아지고 있다. 웹 접근성 최근 우리의 일상생활을 들여다보면 IT 기술이 사용되지 않는 곳이 없다고 봐도 무방할 정도로 많은 곳에서 다양한 IT기술들이 활용되고 있다. 하지만

2020년 12월 31일
·
0개의 댓글
post-thumbnail

전환효과 및 애니메이션

아래 내용은 학원 수업 및 온라인 강좌 등을 듣고 정리한 내용입니다. Transitions (전환효과) (단축)속성의 시작과 끝을 지정하여 중간값을 애니메이션 위 코드는 순서대로 transition이 적용될 속성, 전환효과의 지속시간, 전환효과 타이밍 함수 이다.

2020년 12월 28일
·
0개의 댓글
post-thumbnail

CSS Grid

아래 내용은 학원 수업 및 온라인 강좌 등을 듣고 정리한 내용입니다. CSS Grid 2차원 행과 열의 레이아웃 시스템을 제공한다. (flex와 마찬가지로 container와 item으로 구성된다.) 배치와 정렬의 개념을 가질 수 있다. container |값|의

2020년 12월 24일
·
0개의 댓글
post-thumbnail

CSS flex

아래 내용은 학원 수업 및 온라인 강좌 등을 듣고 정리한 내용입니다. flex-box 수평, 수직 정렬과 관련된 속성 (container, item로 이루어짐) display: flex : container가 block (flex container로 정의함!) di

2020년 12월 21일
·
0개의 댓글

OpenCV 4.4 with ffmpeg

본 문서는 Ubuntu 환경에서 OpenCV 4.4를 빌드하는 방법에 대하여 설명하는 문서이다.Ubuntu 18.04CUDA 11.1cuDNN 8.0.4python 3.6

2020년 12월 20일
·
0개의 댓글
post-thumbnail

CSS background, font

아래 내용은 학원 수업 및 온라인 강좌 등을 듣고 정리한 내용입니다. background(단축) -color : 배경색상 지정 -image : 요소에 하나 이상의 이미지 (다중이미지: 먼저 작성된 이미지가 위에 쌓임, ie 이하 불가능)를 삽입 -repeat :

2020년 12월 11일
·
0개의 댓글
post-thumbnail

CSS Box Model

아래 내용은 학원 수업 및 온라인 강좌 등을 듣고 정리한 내용입니다. Box 모델 css를 사용하여 브라우저의 화면을 구성하기 위해서는 box 모델을 이해하는 것이 매우 중요하다. css의 property중에는 html의 박스타입에 영향을 주는 property가 있

2020년 12월 9일
·
0개의 댓글
post-thumbnail

CSS 선택자와 상속

아래 내용은 학원 수업 및 온라인 강좌 등을 듣고 정리한 내용입니다. CSS selector 기본 선택자 * : (전체 선택자) 내부의 모든 요소를 선택 태그명 : (태그 선택자) 태그 이름을 선택자로 선택 .클래스이름 : (클래스 선택자) 클래스 이름을 선택자로

2020년 12월 7일
·
0개의 댓글
post-thumbnail

CSS 문법과 선언방식, 단위

아래 내용은 학원 수업 및 온라인 강좌 등을 듣고 정리한 내용입니다. CSS Declaration 문법 선택자 (속성과 값을 지정할 대상을 검색 및 선택), 속성, 값으로 구성 선언방식 inline : html의 요소에 직접 작성 (선택자가 별도로 필요하지 않음

2020년 12월 4일
·
0개의 댓글
post-thumbnail

HTML Tags(Element)2

아래 내용은 학원 수업 및 온라인 강좌 등을 듣고 정리한 내용입니다. HTML Tag 정리

2020년 12월 2일
·
0개의 댓글