profile
야금야금. 즐겁게, 개발 🙂
post-thumbnail

TIL 10___CSS basic 6(반응형 웹, 미디어 쿼리)

* 반응형 웹 디자인은 웹 요소를 화면 크기에 맞게 재배치하고 각 요소의 표시 방법만 바꾸어 사이트를 구현해준다. 1. 모바일 기기를 위한 뷰포트 뷰포트란 스마트폰 화면에서 실제 내용이 표시되는 영역 뷰포트는 ` 태그를 이용해 와 `태그 사이에 작성한다.PC에 맞게

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

TIL 09___CSS basic 5(배경 꾸미기)

* 웹 문서의 전체 배경뿐만 아니라 텍스트, 목록 등 특정한 요소에 배경을 지정하는 방법 등에 대해 알아본다. 1. 배경색을 지정하는 background-color 속성 색상을 세밀히 조절하고 싶다면 16진수값을, 투명도도 함께 조절하고 싶다면 rgba표기법을 사용

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

TIL 08___CSS basic 4(Flex box)

* 웹 문서의 전체 배경뿐만 아니라 텍스트, 목록 등 특정한 요소에 배경을 지정하는 방법 등에 대해 알아본다. 1. 배경색을 지정하는 background-color 속성 색상을 세밀히 조절하고 싶다면 16진수값을, 투명도도 함께 조절하고 싶다면 rgba표기법을 사용

2021년 11월 6일
·
0개의 댓글
·
post-thumbnail

TIL 07___CSS basic 3(레이아웃)

* CSS의 레이아웃을 구성하는 박스 모델에 대해 세부적으로 알아본다. ▶︎ CSS 박스 모델 웹 문서의 내용을 박스 형태로 정의하는 방법이다. 박스 모델에는 마진과 패딩, 테두리 등 박스가 여러 겹 들어 있다. 1. Block level 요소와 Inline l

2021년 11월 6일
·
0개의 댓글
·
post-thumbnail

TIL 06___CSS basic 2(박스 모델)

* CSS의 레이아웃을 구성하는 박스 모델에 대해 세부적으로 알아본다. ▶︎ CSS 박스 모델 웹 문서의 내용을 박스 형태로 정의하는 방법이다. 박스 모델에는 마진과 패딩, 테두리 등 박스가 여러 겹 들어 있다. 1. Block level 요소와 Inline le

2021년 11월 5일
·
0개의 댓글
·
post-thumbnail

TIL 05___CSS basic 1(선택자)

* CSS란 무엇이며, selectors에 대해 알아본다. ▶︎ CSS (Cascading Style Sheet) CSS에서 'C'는 Cascading의 줄임말이며 스타일 시트에서는 우선순위가 위에서 아래, 즉 계단식으로 적용된다는 의미로 사용된다. 즉 CSS에서는

2021년 11월 5일
·
0개의 댓글
·
post-thumbnail

TIL 03___HTML basic 3(label, input)

* 입력 양식(폼): 특정 항목에 사용자가 뭔가를 입력할 수 있게 만든 것으로 '폼'이라고도 한다. ex)로그인 창, 검색 창 ▶︎ 폼 삽입하기 기본이 되는 제목과 본문, 단락과 줄바꿈 등의 태그 알아보기 웹에서 만나는 폼 하나의 웹페이지 안에서도 아이디와 비밀번호를 입력하거나 로그인 버튼, 회원 가입 등 사용자가 웹 사이트로 정보를 보낼수 있는 요소는...

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

TIL 02___HTML basic 2(tag)

메인루트, HTML 문서의 루트(최상단 요소)를 나타낸다.스타일, 스크립트, 각종 소프트웨어(검색 엔진, 브라우저 등)의 탐색 및 렌더링을 도와줄 데이터 등 페이지에 대한 정보를 가진다. 스타일과 스크립트 메타데이터는 페이지 안에서 정의할 수도 있고, 해당하는 정보를

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

TIL 01___HTML basic 1

* HTML이란 무엇이며, 역할과 HTML에서 자주 쓰이는 태그의 종류와 기능을 알아본다. 🖥 HTML (HyperText Markup Language) HTML로 웹화면의 구조를 짜고 콘텐츠를 입력할 수 있다. 기본적인 문법은 아래와 같다. content

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

IT 약어 1.

1. AJAX > API를 이용해 다른 웹사이트의 정보를 가져오는 기법. 자바스크립트를 이용한다. 2. API >응용프로그램 프로그래밍 인터페이스Application Programming Interface. 다른 앱의 정보를 가져오거나 다른 앱에 행동을 지시하는

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

IT 약어 2.

널리 쓰이는 API의 유형.이에 해당하는 API를 '레스트풀RESTful' 하다고 말한다.읽기 전용 메모리Read-Only Memory. 하드웨어에 각인되어 웹만해서는 변경할 수 없는 정보다. 컴퓨터의 경우, 시동에 필요한 코드가 ROM에 저장되어 있다. '펌웨어fir

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

일반 용어 2.

구글이 안드로이드와 다수의 자사 앱에 사용하는 디자인 프레임워크. 화사한 색상, 사각형 '카드' 형태의 정보 배치, 슬라이딩 애니메이션이 특징이다. 플랫 디자인과 비슷하지만 그림자, 그라데이션, 3D 요소가 있다는 게 차이점이다.개발자가 코드 파일의 용량을 줄이기 위해

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

일반 용어 1.

제품에 어떤 기능을 넣을지 결정하기 위한 테스트. 주로 웹 기반 제품을 개발할 때 사용된다. 사용자를 두 집단으로 나눠서 각각 A버전과 B버전을 보여주는 방식이다. 예를 들어 쇼핑몰에서 사용자 중 절반에게는 '구매하기' 버튼이 빨간색으로 표시되게 하고 나머지 절반에게는

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

데이터

인간은 정보를 저장할 때 엑셀 파일이나 워드 문서를 선호한다.하지만 컴퓨터가 데이터를 저장할 때 선호하는 형식은 단순한 텍스트 파일이다. 다음은 가장 많이 쓰이는 '기계 가독형' 저장 형식이다.

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

프로그래밍 언어

상징적 기호 언어를 사용하여 작성한 프로그램을 기계어로 된 프로그램으로 번역하는 것.컴퓨터는 0과 1의 조합으로만 생각한다. 어셈블리는 이 0과 1을 좀 더 깔끔하게 표현하는 언어다. 프로그래머들도 어셈블리를 직접 쓰는 경우는 거의 없고, 보통은 '고급 언어'를 쓰고

2021년 10월 12일
·
0개의 댓글
·