[TIL] 220104

Notice

Recent Posts

Recent Comments

Link

« 2025/02 »
일	월	화	수	목	금	토
						1
2	3	4	5	6	7	8
9	10	11	12	13	14	15
16	17	18	19	20	21	22
23	24	25	26	27	28

Tags more

Archives

Today

Total

관리 메뉴

Welcome! Everything is fine.

[TIL] 220104 본문

TIL

[TIL] 220104

개발곰발 2022. 1. 4.

728x90

💻 Today I Leaned...

📌 Android 입문

한달간 열심히 android와 ios를 맛보기로 했다. 시작은 인프런 강의 <쉽게 따라할 수 있는 앱 개발> 이다. 열심히 달리자🏃🏻‍♂️

앱 개발에 대한 간단한 설명과 안드로이드 스튜디오 설치
Compile에 대한 개념 - 우리가 쓰는 언어를 컴퓨터가 알아들 을 수 있는 기계어로 바꾸는 과정을 말한다.
Build에 대한 개념 - 안드로이드 기준으로 .apk로 만들어지는 과정을 말한다.
안드로이드 스튜디오 설치 후, 처음으로 Run을 누르면 'Error running'app' : No target device found' 라는 에러가 날 수 있다. 연결 된 디바이스가 없다는 뜻이므로 오른쪽 상단의 No devices를 변경한다.
Layout : xml로 되어있으며, 화면 배치를 의미한다. Linear layout과 Relative layout으로 나뉜다.
Activity : 화면 배치의 실직적인 내용을 담은 것을 말한다.
Event : Activity에서 특정 기능을 수행하는 함수와 연결되는 개념이다.예를 들면, 버튼을 눌렀을 때 동작이 실행되는 것을 의미한다.

📌 생활코딩 - HTML 태그

HTML, 웹서버, 인터넷에 대한 지식이 부족해서 틈틈히 생활코딩님의 강의를 쭉 들어보려고 한다. 서버 강의를 먼저 들어보려고 했는데 WEB1을 먼저 들어야해서 차근차근 듣기로 했다. Back-end 관련 지식이 부족하고 흐름도 이해가 잘 되지 않아 WEB2 과정과 서버 강의를 더 열심히 들어야겠다.

강조표시태그

<strong></strong>

<strong>피자</strong>는 맛있다.

밑줄태그

<u></u>

<u>피자</u>는 맛있다.

제목 태그

<h1>부터 <h6>까지 있으며, 숫자가 커질수록 글자가 작아진다.

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

줄바꿈 태그

<br> 줄을 그냥 바꾸는 태그이기 때문에 닫는 태그가 없다. HTML 태그 중 무엇인가를 설명하지 않는 태그들은 감싸야하는 컨텐츠가 없기 때문에 태그를 닫지 않는다는 규칙이 있다.

피자는 맛있다.
<br><br>
치킨도 맛있다.

단락을 나누는 태그

<p></p> 단락을 나누기 때문에 닫는 태그가 있다.

<p>피자는 맛있다.
</p><p>
치킨도 맛있다.</p>

img 태그

<img> source의 줄임말인 scr을 붙여 이미지를 넣을 수 있으며, width 속성을 이용하여 이미지의 크기를 조정할 수 있다.

<img src="gom.jpg" width="450">

목차 태그

<li> list의 li을 딴 이름으로, 목차를 생성한다.

<li>
<li>냥이</li>
<li>젤리</li>
<li>이빨</li>

다른 목록과 구분하는 경계가 필요할 때 사용하는 태그 (Unordered List)

<ul> li 태그는 ul태그를 꼭 필요로 한다. ul 태그 역시 li 태그가 없다면 존재 가치가 없다.

<ul>
  <li>냥이</li> 
  <li>젤리</li>
  <li>이빨</li>
</ul>

숫자 자동 넘버링 태그(Ordered List)

<ol> 자동으로 넘버링 해주는 태그이다.

<ol>
  <li>냥이</li>
  <li>젤리</li>
  <li>이빨</li>
</ol>

링크를 거는 태그

<a></a> anchor의 첫글자 a를 따온 이름으로 링크를 걸 때 사용하는 태그이다. href는 HyperText Reference의 약자이다. 또 target="_blank"는 링크를 클릭했을 때 새 창에서 페이지가 열리게 하는 속성이다. title을 지정한 후 마우스를 올리면 이 링크가 어떤 내용을 담고있는지 툴팁으로 보여준다.

<a href="http://pizzeriao.com/" target="_blank" title="html5 specification">피자</a>맛있다.

<html>, <head>, <boby> 태그

본문 태그로는 <body> 태그를, 본문을 설명하는 태그에는 <head> 태그를 사용한다. 또한 <body> 태그와 <head> 태그를 감싸는 하나의 태그인 <html> 태그가 있다. 그리고 이 웹페이지가 HTML 문서로 만들어졌다는 것을 표현하기 위해서 문서의 시작에 <!doctype html> 이라는 코드를 추가한다.

<!doctype html>
<html>
<head>
  <title>FOOD</title>
</head>
<body>
  <h1><a href="index.html">FOOD</a></h1>
  <ol>
    <li><a href="1.html">피자</a></li>
    <li><a href="2.html">치킨</a></li>
    <li><a href="3.html">떡볶이</a></li>
  </ol>
  <h2>HTML</h2>
  <p>
  피자는 맛있다.
  </p>
  <p style="margin-top:45px;">
   치킨도 맛있다.</p>
  </body>
  </html>

📌 영어공부

영어는 하루 30분이라도 조금씩 input!

저작자표시

'TIL' 카테고리의 다른 글

[TIL] 220111 (0)	2022.01.11
[TIL] 220110 (0)	2022.01.10
[TIL] 220109 (0)	2022.01.09
[TIL] 220107 (0)	2022.01.07
[TIL] 220106 (0)	2022.01.06

'TIL' Related Articles

Welcome! Everything is fine.

[TIL] 220104 본문

[TIL] 220104

💻 Today I Leaned...

📌 Android 입문

📌 생활코딩 - HTML 태그

강조표시태그

밑줄태그

제목 태그

줄바꿈 태그

단락을 나누는 태그

img 태그

목차 태그

다른 목록과 구분하는 경계가 필요할 때 사용하는 태그 (Unordered List)

숫자 자동 넘버링 태그(Ordered List)

링크를 거는 태그

<html>, <head>, <boby> 태그

📌 영어공부

'TIL' 카테고리의 다른 글

티스토리툴바