polar-jaesung.log https://velog.io/ 동남아에서 개발자 하려고 아둥바둥 Wed, 07 Sep 2022 10:46:21 GMT https://validator.w3.org/feed/docs/rss2.html https://github.com/jpmonette/feed polar-jaesung.log https://velog.velcdn.com/images/polar-jaesung/profile/736e5e48-4cc6-481d-ac01-845870eaf9b1/social_profile.jpeg https://velog.io/ Copyright (C) 2019. polar-jaesung.log. All rights reserved. <![CDATA[내가 놓친 HTML 팁들]]> https://velog.io/@polar-jaesung/%EB%82%B4%EA%B0%80-%EB%86%93%EC%B9%9C-HTML-%ED%8C%81%EB%93%A4 https://velog.io/@polar-jaesung/%EB%82%B4%EA%B0%80-%EB%86%93%EC%B9%9C-HTML-%ED%8C%81%EB%93%A4 Wed, 07 Sep 2022 10:46:21 GMT (🐋마지막 수정일 2022/09/10)

1.각종 태그들😋

사소한 부분도 놓치지 않도록 기록해둘것

<body>
    <p>글자 <small>크기 작아지는</small> small 태그 </p>
    <p>글자 <ins>밑줄긋는</ins> ins 태그 </p>
    <p>글자 <del>가운데 줄긋는</del> del 태그</p>
    <p>글자 <i>기울여주는</i> i 태그 </p>
    <p>글자 <b>볼드체로 해주는</b> b태그</p>

    <p>
        <q>시간이 금이다</q>
        </br>명언 표시해주는 q 태그
    </p>

    <!-- 윗첨자 / 아래첨자 -->
    <p>a<sup>100</sup></p>
    <p>H<sub>2</sub>O</p>

</body>

아래와 같이 나타남

2.메타(meta)태그의 viewport 🤩

Viewport 설정을 해주지 않을 경우: PC환경에서 제작된 웹사이트를 스마트폰이나 태블릿을 통해 확인하면 내용이 작아지는 경우가 있다. 왜그러냐면 PC화면에서 표현된 내용을 스마트폰에 표시하게 되니, 전체 비율이 작아져버리는것이다.

<meta name="viewport" content="width=device-width, initial-scale=1.0">하세요

Viewport 세부속성

1) width

1) 기기의 가로폭을 인식하는 속성(보통은 각각의 기계수치를 입력하는것보다 width=device-width를 줘서 창의 width를 100%로 처리함)

2) height

2) 기기장치의 세로높이를 인식하는 속성

3) initial-scale

3) 처음 인식되는 크기 값, 초기 확대 비율

]]> <![CDATA[Tableau 자격증 공부]]> https://velog.io/@polar-jaesung/Tableau-%EC%9E%90%EA%B2%A9%EC%A6%9D-%EA%B3%B5%EB%B6%80 https://velog.io/@polar-jaesung/Tableau-%EC%9E%90%EA%B2%A9%EC%A6%9D-%EA%B3%B5%EB%B6%80 Tue, 30 Aug 2022 05:49:44 GMT 계기 🍙

베트남에서 내 멘토겸 친구인 Kelly 덕분이다. 개발자를 위한 공부를 하고 있는 나에게 대뜸 "Jason ! 너 나랑 온라인 강의 같이 수강할래?" 이렇게 제안을 건네줬다.

Kelly는 베트남계 미국인으로서 풀스택 개발자로서 일하고 있는 친구이므로, 나도 민폐가 아니라면 같이 수강하고 싶노라고 의사를 전달했다.

수업 준비 🔗

수강생은 약 25명인데, 나 혼자만 외국인(=한국인)이고 전부다 베트남인 친구들이었다. 그때부터 슬슬 걱정이 되기 시작. 이해하지 못하고 뒤쳐지면 안된다. 나름 한국인(?)의 자존심이 있는데 우수한 성적으로 수업을 마치고 싶은 생각도 들었다.

개인적인 추가 조사 📄

수업전부터 Tableau를 알아보니, 이미 한국에서도 많이 활용하는 BI툴 이었네! 나는 이런것도 모르고 살았구나, 거기에 자격증 시험까지 있는것을 발견

한국인 취준생이라면 자격증은 못참지

현재 상태 📄📄

온라인 강의는 총 7강으로 진행된다 (주1회 3시간씩 / 전체 7주 완성) 현재 2강까지 진행되었는데, 나는 강의와 별도로 한국어로 진행되는 유튜브 무료 강이를 보면서 예습 복습 중이다

앞으로의 계획 📆

Tableau Desktop Specialist 자격증에 특화된 유데미 강의를 수강할 계획(8월30일 다짐)

도움이 되는 링크 Tableau Desktop Specialist 자격증 정리 & 후기

]]> <![CDATA[onclick 이벤트 사용법]]> https://velog.io/@polar-jaesung/onclick-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EC%82%AC%EC%9A%A9%EB%B2%95 https://velog.io/@polar-jaesung/onclick-%EC%9D%B4%EB%B2%A4%ED%8A%B8-%EC%82%AC%EC%9A%A9%EB%B2%95 Sat, 27 Aug 2022 11:40:21 GMT 1) onclick 이벤트를 사용해서 클릭시마다 글자색이 연속해서 변하도록✅ 
<p id="colorBtn" style="color: black;"> 바뀌는 글자색 </p>
<button onclick="clickRed()">
변신 버튼
</button>

<script>

let changeRed= document.getElementById("colorBtn");

function clickRed(){
    const currentColor = changeRed.style.color
    let newColor;

    if(currentColor ==="black"){
    newColor = "red";
    }

    else{
    newColor = "black";
    }

    changeRed.style.color= newColor;
}  
</script>
디폴트가 검정색이라서 style에 글자색을 정하지 않았더니, 2회 클릭해야 반응한다는걸 발견. 기본적인것도 계속 의심해보자.

2) 이번엔 글자크기가 커지도록! 하지만 좀더 간단하게 작성해보자✅

<p id="bigFont" style="font-size:30px;">
이번에는 글자를 크게 해보자
</p>


<button onclick= "bigger()">
키우는 버튼
</button>

<script>
function bigger(){
document.getElementById("bigFont")
.style.fontSize="80px";
}
</script>
]]> <![CDATA[getElementbyId 사용법]]> https://velog.io/@polar-jaesung/getElementbyId-%EC%82%AC%EC%9A%A9%EB%B2%95 https://velog.io/@polar-jaesung/getElementbyId-%EC%82%AC%EC%9A%A9%EB%B2%95 Sat, 27 Aug 2022 09:30:54 GMT html 태그 중에 id속성을 사용하는 경우 필요한 함수임

document.getElementById()

풀어쓰자면 document -> 현재 문서의 get~ById -> 아이디를 호출하겠음

** id가 없을 때는 document.querySelector()를 사용함

]]> <![CDATA[첫 개발자 면접 후기]]> https://velog.io/@polar-jaesung/%EC%B2%AB-%EA%B0%9C%EB%B0%9C%EC%9E%90-%EB%A9%B4%EC%A0%91-%ED%9B%84%EA%B8%B0 https://velog.io/@polar-jaesung/%EC%B2%AB-%EA%B0%9C%EB%B0%9C%EC%9E%90-%EB%A9%B4%EC%A0%91-%ED%9B%84%EA%B8%B0 Tue, 16 Aug 2022 08:15:35 GMT '개발자 면접 후기' = '멘탈 각성의 계기'😉

집에서 약 50분 거리(1시간이지..)Grab 🚙타고 갔더니 조그만 빌딩의 5층에 있는 사무실이었음. 직원은 약 20명 남짓

베트남어로 대표님과 면접을 진행함

프론트엔드로 지원하기위해서 자바스크립트 경험은 부족함. React에 대한 선수 지식도 필요하다고 언급(공부하자....ㅠㅠ)

인사팀 통해서 연락주기로 .. 만약 합격하면 9월부터 인턴 시작! 긍정적으로 더 열심히 공부하는 기회라고 생각하기로 함

]]> <![CDATA[✔내일 첫 면접임(인턴)]]> https://velog.io/@polar-jaesung/%EB%82%B4%EC%9D%BC-%EC%B2%AB-%EB%A9%B4%EC%A0%91%EC%9E%84%EC%9D%B8%ED%84%B4 https://velog.io/@polar-jaesung/%EB%82%B4%EC%9D%BC-%EC%B2%AB-%EB%A9%B4%EC%A0%91%EC%9E%84%EC%9D%B8%ED%84%B4 Mon, 15 Aug 2022 07:25:17 GMT

잘할수 있을까?

기존에 회사를 다니면서 C언어를 온라인 과외로 깨작깨작 배웠고,, 그게 벌써 1년이란 시간동안 배우게 되었음.

1."일단 이력서를 한번 보내줘"라는 베트남 지인의 권유에 반신반의하는 마음으로 이력서를 보내줌

2. 막상 보내놓고 기다리려니, 면접은 도대체 언제 보는건지 계속 초조하기 시작함.😅

3. 그래놓고 사무실로 와서 면접 보자고 연락온게 지난주 목요일이었는데..그때부터 부랴부랴 이력서 만들었을때 사용한 CSS 태그 재확인 및 자바스크립트 복습함(코드워즈 문제 풀기)

4. 초조함..너무.. 내가 잘하는 분야가(이를테면 베트남어 통역, 공장 생산관리) 아니라, 처음도전하는 분야에서 나를 어필한다는게..🙄 너 스스로도 준비가 부족하다는걸 느끼고 있는거 아님?

추가) 5. 실제로 사장님이 나보다 한살 어린거 같... 너 언제 이렇게 늙었음?..😅

]]>