비전공자 1인 개발 진행 노트

2018년 9월 7일 약물과다복용으로 사망한 래퍼 맥 밀러의 노래입니다.

맥 밀러의 첫 사후 곡이자, 정규앨범 <Circles>중 처음 나온 곡이라고 하네요.

요즘 이 노래만 듣고 있는데 정말 좋네요.

안녕하세요~! 오랜만에 HTML5 정리 글을 쓰고 있습니다. ㅎ 방금전까지만해도 설날이였는데 다들 설은 잘 지내셨는지요?! 새해복 많이 받으시고 좋은 한해 되시길 바랍니다! 

오늘 정리 할 Tag는 아래와 같습니다. w3schools 사이트를 참고 하였습니다.

 https://www.w3schools.com/html/html_formatting.asp

• <b> - Bold text (굵게)
• <strong> - Important text (중요 부분 강조)
• <i> - Italic text (기울임꼴)
• <em> - Emphasized text (강조)
• <mark> - Marked text (하이라이트)
• <small> - Small text (작게)
• <del> - Deleted text (취소선)
• <ins> - Inserted text (밑줄)
• <sub> - Subscript text (아래첨자)
• <sup> - Superscript text (위첨자)

자 이제 하나씩 가볼게요~!

<b> Bod text

The HTML  element defines bold text, without any extra importance.

<b> tag는 글씨를 굵게 만들어주는 태그 입니다. 중요성을 띈 문장에 적용하지 않아요. 예제 볼게요!

<p>This text is normal.</p>
<p><b>This text is bold.</b></p>

결과는?

This text is normal.

This text is bold.

감이 오시쥬?????????????

<strong> important text

The HTML  element defines strong text, with added semantic "strong" importance.

<strong> 태그는 <b>태그와 시각적으로 다르지 않습니다. 그러나, HTML5 표준화를 위해, 의미적으로 중요성이 있는 문장을 강조하기 위해 사용합니다. 

예제 볼게요!

<p>This text is normal.</p>
<p><strong>This text is strong.</strong></p>

결과는?

This text is normal.

This text is strong.

<b>와 다르지 않쥬?! 하지만 웹 접근성을 위해 구분해 사용해요!

<i> Italic text

The HTML <i> element defines italic text, without any extra importance.

<i> 태그는 기울임 글꼴 입니다. 중요성이 없는곳에 사용 합니다. 예를 들면 참고하는 문서 제목 같은 것.

예제 볼게요~!

<p>This text is normal.</p>
<p><i>This text is italic.</i></p>

결과는?

This text is normal.

This text is italic.

<em> Emphasized text

The HTML <em> element defines emphasized text, with added semantic importance.

<em>태그 역시 시각적으로 <i>태그와 다를게 없습니다. 그러나 강조된 텍스트에 중요하고 의미있는 내용을 추가 할 때 사용 하는 태그 인 것 같습니다.

<p>This text is normal.</p>
<p><em>This text is emphasized.</em></p>

<small> smaller text

<small>태그 경우 예제로 실습을 해보니 함께 사용되는 <h>태그 크기에 비례하여 작아지는 효과를 보여주는 태그 인 듯 합니다. 

예제 볼게요~!

<h2>HTML <small>Small</small> Formatting</h2>

Small 부분만 조금 작아졌죠??

<mark>Marked text

The HTML <mark> element defines marked/highlighted text:

<mark> 태그는 우리가 중요한 부분에 형광펜을 치듯 음영처리를 해주는 태그 입니다. 예제 보시죠~!

<h2>HTML <mark>Marked</mark> Formatting</h2>

음영색은 CSS로 바꿀 수 있으니 참고하세요~!

<del> Deleted text

The HTML <del> element defines deleted/removed text.

<del>태그는 저희가 워드에서 자주보던 취소선을 입혀주는 태그 입니다.

<p>The del element represents deleted (removed) text.</p>
<p>My favorite color is <del>blue</del> red.</p>

The del element represents deleted (removed) text.

My favorite color is blue red.

<ins> Inserted text

The HTML <ins> element defines inserted/added text.

<ins>태그는 insert의 약자인듯 싶죠?! 무언가 중간에 삽입되거나 추가 되는 경우에 사용 하는 태그인 듯 합니다.

<p>The ins element represent inserted (added) text.</p>
<p>My favorite <ins>color</ins> is red.</p>

밑줄이 그어지네요.

<sub> Subscript text / <sup> Superscript text

<sub> 태그는 아래 첨자. <sup>태그는 위 첨자로 한 코드에 한 번에 보도록 하겠습니다.

<p>This is <sub>subscripted</sub> text.</p>
<p>This is <sup>superscripted</sup> text.</p>

참 쉽쥬잉!?!?!

정리 하면서 저도 참 몰랐던 태그들을 만나네요. 

요즘 계획한 프로젝트는 손대지 못하고 있네요.

기초 잠깐 하고 하면 되겠다 싶었는데 성격상 안되겠더라구요 ㅠㅠ 

그냥 닥치는대로 하면 되긴 할 것 같은데 책 예제 쳐보며 코드 조금 바꿔보며 공부하고 있습니다...

시간이 좀 많았으면 좋겠네요 ㅠㅠ 잠을 포기 하자니 건강이 나빠질까봐 두렵고

육아남은 힘듭니다. 일찍좀 자주면 좋으련만 ㅠ

푸념푸념 ㅎㅎ

모두 행복하길 바라~~~!!

지금까지 유선 이어폰만 쓰다가, 복지포인트가 들어와서 무선 이어폰을 질렀습니다.

저의 첫 무선 이어폰이자 요즘 따끈따끈한 에어팟 프로! 잠깐의 체감을 리뷰해보고자 합니다.

뭐가 들었나 구성품이 궁금해 하실 분도 계실 것 같아 먼저 구성품 한번 살펴볼게요.

물품 구성

짜잔~! 물품 구성은 아래와 같습니다.

간단 사용 설명서와, 이어폰, 이어폰 케이스, 충전 케이블이 들어있습니다. 어댑터는 들어 있지 않아요!

케이블은 라이트닝 to C type 케이블 입니다. 케이스는 '앞' 모습 입니다.

(이어폰 모습을 깜빡하고 안꺼내 찍었네요... 읽다 보시면 이어폰 사진 나옵니다! ㅎㅎ)

그런데 이상하다..... 내가 본 리뷰에서는 귀 사이즈에 맞게 팁 사이즈를 조절 할 수 있었는데.... 여분이 없나? 라고 생각하며 케이블이 감겨있던 종이를 본 순간, 짜잔~!!

종이 사이로 이렇게 포장되어 있더군요. 혹시나 잃어버리지 않도록 조심하세요!

사용 체감 & 노이즈 캔슬링

일단 대세가 무선 이어폰 사용이다보니 구매를 고려했던건 아니였습니다. 전 아직 유선이 더 좋다고 믿는 사람이고 블루트스 이어폰의 음질은 기술적으로 유선을 따라 올 수 없지 않나?? 이런생각이 아직 베이스로 있어서 말이죠..(이제 아닌가???)

애플 제품이 딱 아이패드 프로 하나밖에 없는데, 이어폰 단자가 없기 때문에 무선이어폰 구매를 고려하고 있었고, 간간히 검색하다가 에어팟 프로의 노이즈 캔슬링 기능이 있음을 알게 되었죠. 리뷰를 통해서 완전히 소리가 없어지는 건 아니라는걸 알고는 있었지만, 기대가 너무 컸을까요?! 실내에서 체감은 되나 크게 체감되는 편은 아니였습니다.

그.러.나.

서점 갈려고 에어팟 프로 귀에 꽂고 음악 들으며 차로 가서 시동을 걸었는데... 소리가 엄청 작게 들리는 겁니다. ㅎ

무선 리모컨이라서 문 열고 잠글때 '삐빅' 소리가 나는데, 이것 역시 엄청 작게 들리더군요.

아파트단지 지나가는 차들 소리도 엄청 작게 들리고.. 

이건 실내보다 실외에서 체감이 큰 기능이더군요. '와' 소리가 절로 나왔습니다.

갤럭시도 노이즈 캔슬링 되니 참고하세요.

노이즈 캔슬링 기능은 간단하게 아래 보이는 길쪽하게 들어간 부분을 길게 한 번 눌러주시면 on/off가 됩니다. 

갤럭시 연결방법

제목은 갤럭시 연결 방법이라고 썼지만 모든 기기가 연결 방법은 같습니다.

1. 이어폰이 케이스안에 보관되어 있는 상태에서 케이스 뚜껑을 먼저 연다. 

2. 아래 사진에 보이는 동그라미 버튼을 길게 누른다.

3. 연결하고자 하는 기기 블루투스에서 연결 하면 끝.!

4. AirPods Pro 라고 이름이 뜰텐데 이름을 바꾸고 싶다면, 갤럭시 사용자는 아래와 같이 바꾸면 된다.

설정->연결->블루투스->AirPods Pro 옆 톱니바퀴->이름 변경->원하는 이름을 바꾸기~

결론

나의 첫 무선 이어폰! 갤럭시도 연결 가능하고 아이패드도 연결 가능하고 노이즈 캔슬링도 모두 가능하니 좋다!

선 없으니 참 편하다! 음질도 뭐 괜찮다!

아.. 노이즈 캔슬링 기능은 왼쪽 이어폰을 길게 눌렀을 때 적용시킬건지, 오른쪽 이어폰으로 적용시킬건지, 아니면 양쪽다 적용시킬 건지.. 뭐 이런 설정들은 iOS에서만 가능 한 것 같다. 

때문에, 오직 안드로이드만 사용하시는 분들께는 추천을 반대한다. 물론, 아마 그런 분들은 버즈를 사시겠지만..

파트너스 활동을 통해 일정액의 수수료를 제공받을 수 있음