Life and IT

1. 사전적 의미 간직하다 끼워넣다 2. 임베디드 시스템 기계나 기타 제어가 필요한 시스템에 대해, 특정 기능을 수행하는 컴퓨터 시스템으로 장치 내에 존재하는 전자 시스템이다. 즉 특정 목적을 수행하는 컴퓨터 시스템이므로, 목적을 설정하고 이를 수행하는 프로그램 코드를 작성하여 메모리에 기록하고 이를 읽어 동작 시키는 방법이 일반적이다. 보통 마이크로 프로세서와 소프트웨어가 들어있는 롬으로 구성되며, 전원이 켜지면 목적을 가진 어플리케이션이 동작하고, 전원이 꺼질때까지 멈추지 않는다. 임베디드 소프트웨어를 개발하기 위해서는 C언어와 어셈블리어가 필수라고 한다. 임베디드 시스템에 사용되는 OS를 임베디드 리눅스라고 한다. * 어셈블리어란? 기계어와 일대일 대응이 되는 컴퓨터 프로그래밍의 저급 언어이다. (..

UI와 API UI는 사용자와 기기, 사용자와 웹사이트 및 애플리케이션이 만나는 접점을 뜻하고, UI 디자인은 사람과 만나는 시스템의 외형과 화면 구조, 버튼 모양 등을 설계하는 것을 뜻한다. API는 시스템과 시스템이 만나는 경계면에서 시스템이 지켜야 할 약속을 정해둔 것이다. 사용자 인터랙션과 UX(User Experience) 인터랙션은 사용자가 인터페이스를 통해 시스템을 이용하는 일련의 상호 작용을 말한다. 웹사이트 버튼을 누르는 것처럼 사용자가 직접 시스템을 조작하고 결과를 확인하는 능동적 인터랙션 연주되는 음악을 듣거나 영화를 보는 것 같은 수동적 인터랙션 사용자 경험(UX)은 제품을 사용할 때 사람들이 마주하는 다양한 경험을 설명한다. 좁은 의미로는 서비스 경험, 콘텐츠 경험이며, 넓은 의미..

웹페이지의 레이아웃을 구성하기 위해서 공간을 분할해야 한다. 공간을 분할할 수 있는 태그는 div, span, table이 있다. 현재 모던 웹에서는 주로 div를 사용하여 레이아웃을 구성한다. IE에서 작동하지 않기 때문에 주의가 필요하겠지만, div 태그는 의미론적으로 어떠한 의미도 가지고 있지 않기 때문에 시멘틱 태그를 사용하는 것이 더 나은 방법이다. 또한 div와 span에도 차이가 있는데, block 레벨 요소와 inline 레벨 요소에 대한 이해가 필요하다. 출처 poiemaweb.com/html5-tag-structure HTML5 Tag - Structure | PoiemaWeb 웹페이지의 레이아웃을 구성하기 위해 공간을 분할하는 태그 poiemaweb.com

1. form 사용자가 입력한 데이터를 수집하기 위해 사용 input, checkbox, radio button, submit button 등의 입력 양식 태그를 포함할 수 있음 ... form elements (input, checkbox, radio button, submit button...) ... attribute 값 의미 action URL 입력 데이터가 전송될 URL 지정 method get / post 입력 데이터 전달 방식 지정 GET, POST는 HTTP 프로토콜을 이용하여 사용자 입력 데이터를 서버에 전달하는 방식 (HTTP request method) *HTTP 프로토콜 HTTP(Hypertext Transfer Protocol)는 인터넷상에서 데이터를 주고받기 위한 서버/클라이언트..

1. 이미지 attribute 의미 src 파일의 경로 alt 파일이 없을 경우 표시되는 문장 width 너비 (일반적으로는 CSS에서 지정) height 높이 (일반적으로는 CSS에서 지정) 2. 미디어 2.1 오디오 HTML5에서 새롭게 추가된 기능이며, IE8 이하에서 사용이 불가하다. attribute 의미 src 파일의 경로 preload 재생 전에 파일을 모두 불러올 것인지 지정 autoplay 파일을 자동 재생으로 개시할 것인지 지정 loop 파일을 반복 재생할 것인지 지정 control 재생 도구를 표시할 것인지 (외관은 브라우저마다 다르다.) 브라우저 별 파일 지원 형식 여기서 source 태그를 사용하면 파일 형식의 차이 문제를 해결할 수 있다고 한다. 어떤 방식으로 해결하는지 궁금하여..

쿠팡은 한국의 대표적인 전자 상거래 웹사이트이다. 재미 교포인 김범석 대표가 2010년 8월 10일 창업하여 현지 시간으로 2021년 3월 11일 약 10년 만에 뉴욕 증권 거래소에 상장하였다. 쿠팡은 총 1억2000만주를 공모할 예정으로 총 42억 달러(약 4조 8000억 원)를 조달할 수 있게 되었다. 월 스트리트 저널에서는 공모가 기준 쿠팡 기업 가치가 630억 달러(약 71조8000억원)에 달할 것으로 전망했다. 이는 알리바바 상장(IPO) 이후 세계 최대 미 증시 상장 외국 기업이다. 하지만 모회사가 미국의 Coupang LLC인데 외국 기업이 맞나..? 아무튼, 사실 쿠팡 주식을 매수한 것에 대해 특별한 이유가 있지는 않았다..ㅎㅎ 그저 내가 쿠팡 와우 회원이고, 쿠팡의 로켓 배송을 신봉하기 ..

1. List 1.1 순서 없는 목록 (Unordered List) 순서없는 목록 (Unordered List) Coffee Tea Milk 1.2 순서있는 목록 (Ordered List) 순서있는 목록 (Ordered List) Coffee Tea Milk type 어트리뷰트 사용 Value 의미 "1" 숫자 (기본) "A" 대문자 알파벳 "a" 소문자 알파벳 "I" 대문자 로마숫자 "i" 소문자 로마숫자 Coffee Tea Milk start 어트리뷰트 사용 Coffee Tea Milk reversed 어트리뷰트 사용 Coffee Tea Milk 1.3 중첩 목록 중첩 목록 Coffee Tea Black tea Green tea Milk 내비게이션 메뉴에 자주 사용된다 2. 테이블 tag 의미 tab..

Hyper : 정보가 다중으로 연결되어 있는 상태 Hyper link : 한 텍스트에서 다른 텍스트로 건너뛰어 읽을 수 있는 기능 HTML Link = hyperlink a(anchor) tag가 그 역할을 담당한다. Visit google.com! 1. href 어트리뷰트 href 어트리뷰트는 이동하고자 하는 파일의 위치를 값으로 받는다. 1.1 디렉터리(폴더) 루트 디렉터리 (파일 시스템 계층 구조 상의 최상위 디렉터리) Unix : / Window : C:\ 홈 디렉터리 (시스템 사용자에게 할당된 개별 디렉터리) Unix : /Users/[계정명] Window : C:\Users\[계정명] 작업 디렉터리 (작업 중인 파일에 위치한 디렉터리) ./ 부모 디렉터리 (작업 디렉터리의 부모 디렉터리) ....

HTML5 Tag - Text 제목 중요도 순서 (semantic) > > > > > 글자 형태 semantic X semantic O 볼드체 기울임꼴 (상대적) 작은 글씨 하이라이트 삭제줄 밑줄 아래첨자 위첨자 본문 단락 줄바꿈 *empty element, 몇 개를 넣어도 하나의 줄바꿈으로 표시됨 연속 공백 &nbsp *(non-break space) 형식화된 text 수평줄 *empty element 인용 (quotation) 긴 인용 블록문 출처 : poiemaweb.com/

1. 문서 형식 정의 Tag HTML5 2. html tag 웹페이지에 단 하나만 존재 화면에 표시할 모든 콘텐츠는 이곳에 기술한다. 글로벌 어트리뷰트를 지원하며, 특히 lang 어트리뷰트를 사용하는 경우가 많다. 3. head tag head 요소는 메타데이터를 포함하기 위한 요소, html 태그와 같이 웹페이지에 단 하나만 존재 화면에 표시되는 일체의 요소를 포함하지 않는다. 3.1 title tag 문서의 제목을 정의하며, 브라우저의 탭에 표시된다. 3.2 style tag HTML 문서를 위한 style 정보를 정의 Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore e..