본문 바로가기

전체 글345

코드잇 학습일기 Day10. 링크 상대 주소, url 프래그먼트, 새 탭 열기, URI 스킴 오랜만에 다시 돌아온 코드잇 학습일기! 지난 주에도 한 개 쓰고 일주일만인데 엄청 오랜만인 것처럼 느껴진다. (왜지?) 오늘은 링크에 대해서 공부했다. 링크는 태그로 만들 수 있는데, 퍼블리싱을 공부해 본 적이 있다면 정말 필수적으로 공부해야 하는 기초 태그라고 할 수 있다. 링크를 사용하지 않고서는 웹사이트를 만드는 것이 거의 불가능하니까... 그래서 오늘 들은 강의들은 익숙한 내용들이 많았고, 다시 한 번 아는 내용들을 복습할 수 있었던 좋은 기회였다. 어제는 회사 업무가 바빠서 코드잇 강의를 듣지 못했다. 적어도 하루에 강의 한 개 정도는 듣자는 것이 목표이지만, 지키지 못했다고 해서 동기부여에 부정적인 영향을 끼치는 건 더 좋지 않을테니까... 정 못하겠으면 '바빠서 어쩔 수 없었어' 하고 주말에.. 2023. 4. 4.
계절의 변화를 느끼며 살기 예전에 글씨를 가르쳐주시던 선생님께서 사람은 계절의 변화를 느끼며 살아야 한다고 말씀하신 적이 있다. 그 때는 어려서 이해하지 못했는데, 요즘은 그 말을 실감하고 있다. 걷다가 예쁜 꽃들을 보면 그냥 지나치지 못하고 잠시 멈추어 그 모습을 카메라에 담는다. 특히나 요즘은 날씨가 따뜻하고 여기저기에 벚꽃이 한창이라 산책하는 즐거움이 두 배가 되었다. 성남의 벚꽃은 이번 주말이 피크일 듯 하여 오늘도 산책을 하러 탄천에 나가볼까 한다. 시간이 참 빠르게 흘러 정신차려보니 4월이 되었다. 이룬 것은 하나도 없는데 올해의 4분의 1이 그냥 지나갔다. 이렇게 살아도 되나, 나는 제대로 살고 있는건가. 주기전으로 찾아오는 사춘기같은 기분에 늘 해답을 찾지 못하고 고민만 가득한 나이지만, 더 늦기 전에, 더 후회하기.. 2023. 4. 2.
카카오프렌즈 춘식이 피규어 트레이 내돈내산 후기 넘나 귀여움 ㅠㅠ 요즘 회사 업무가 점점 많아지고 있다. 그에 따라 회사에서 보내는 시간도 점점 길어지고 있다. 오랜 시간을 회사에서 보내는 나님을 위해 오랜만에 셀프 선물을 주기로 했다. 일단 컴퓨터 앞에 앉아있는 시간에 기분이 좋아야 하니까... 선물을 찾아보던 중, 카카오 프렌즈 샾에서 마음에 쏙 드는 아이템을 발견해서 주문하고, 하루만에 받아볼 수 있었다. (배송 빠른거 진짜 최고!) 회사로 가볍고 커다란 박스 한 개가 배송되었다. 카카오 프렌즈는 그린라이프를 위하여 모든 배송 포장재를 친환경 소재로 바꾸어 가고 있다고 한다. 실제로도 종이 박스 안에 비닐이 아닌 종이 포장재로만 채워져 있었다. 나님에게 주는 셀프 선물은... 짜잔! 바로 춘식이 피규어 트레이였다. 춘식이 멀티 트레이는 차 키나 액세서리 등 자주 .. 2023. 3. 28.
코드잇 학습일기 Day9. HTML 개념과 구조, 코멘트(주석) 작성 방법 오랜만에 다시 돌아온 코드잇 학습일기~! 2월에 학습일기 챌린지에 참여해서 50,000 네이버 포인트를 받았다. 챌린지가 끝날 줄 알고 있었는데 3월에도 동일한 조건으로 학습일기 챌린지를 진행한다는 사실을 얼마 전에 알았다. 으아, 진작 알았으면 또 참여 하는건데 아쉽...ㅠㅠ 그래서 4월에도 챌린지를 하지 않을까 하는 기대와 그것을 준비하는 워밍업으로 3월 마지막주에 학습일기를 하나 써보기로 했다. 오늘 공부한 내용은 프론트엔드 과정 중 하나인 HTML 핵심 개념 토픽이다. 기초적인 내용이라 부담없이 복습하는 기분으로 듣고, 또 모르는 내용이 나오면 블로그에도 정리해두려고 한다. HTML 의미 HTML은 Hypertext Markup Language의 약자이다. 첫번째 단어인 하이퍼텍스트(Hyperte.. 2023. 3. 27.
사이트에서 발견된 ads.txt 파일 문제 해결하기 애초에 내가 운영하는 블로그는 수익형 블로그와는 거리가 멀다고 생각해서, 수익에 연연하지 않으려고 멘탈 관리를 하지만... 그래도 자본주의 사회에서 돈은 좋은 것...👍🏻 가끔씩 애드센스 공식 홈페이지에 들어가서 나의 블로그가 돈을 얼마나 벌었는지 확인하는 일은 일상의 소소한 즐거움 중 하나이다. 그러다가 며칠 전, 애드센스 홈페이지에 들어갔는데 상단에 붉은색 경고문구가 눈에 들어왔다. 수익 손실 위험 - 수익에 심각한 영향을 미치지 않도록 사이트에서 발견된 ads.txt 파일 문제를 해결해야 합니다? 아니, 안 그래도 작고 소듕한 나의 수익에 심지어 손실 위험이 있다고? 정말 해도해도 너무하는군.......🫠 그건 아니될 말이지! 하지만 검색을 해보니 간단하게 해결할 수 있는 일이어서, 지체없이 빠르게.. 2023. 3. 23.
관세청 개인통관고유부호 연락처 변경하기 해외 직구를 할 때 필요한 개인통관고유부호와 연락처가 일치해야 하는 모양이다. 뭔가를 주문할 때마다 판매자에게 연락처가 다르니 확인 바란다는 연락이 와서 여간 번거로운 것이 아니었다. 그러다가 큰 맘 먹고(!) 관세청 개인통관고유부호에 등록되어 있는 연락처를 변경해보기로 했다. 개인통관고유부호란? 개인정보 유출을 방지하기 위해 관세청에서 해외 직구 시 활용할 수 있는 개인통관고유부호 제도를 운영하고 있다. 개인 식별을 위한 이 고유부호는 '모바일관세청' 앱이나 '개인통관고유부호' 웹사이트에서 신청한 즉시 발급이 가능하다. P로 시작하는 13자리 번호로 이루어져 있는데, 한 번만 발급해두면 계속 같은 고유번호를 사용할 수 있어 편리하다. 만약 기억이 나지 않는다면 앱 또는 웹사이트를 통해 본인 인증 절차를.. 2023. 3. 22.
피그마 프로토타입 예제 - 슬라이드 배너 만들기(캐러셀 인터랙티브 컴포넌트) 드래그하면 옆으로 넘어가는 슬라이드 배너는 홈페이지의 메인에서 흔히 볼 수 있는 UI 이다. 이렇게 슬라이드 형태로 넘기는 UI를 캐러셀이라고 부른다. 이번 포스팅에서는 피그마로 캐러셀 배너 프로토타입 만드는 방법에 대해서 소개하려고 한다. 슬라이드 배너 프로토타입 만들기 먼저 피그마 파일을 하나 생성해서, 아래와 같은 구조의 디자인 시안을 만든다. 각 슬라이드가 보여지는 화면을 각각의 프레임으로 나누어 제작해야 한다. 디자인 요소들을 모두 만들었다면 첫번째 배너 이미지를 선택하고, 두번째 프레임으로 드래그한다. 인터렉션 디테일은 On drag, Smart animate, Ease in and out으로 지정한다. 애니메이션 속도는 300~500을 추천하는데, 본인 취향에 맞게 설정해 주면 된다. 나머지.. 2023. 3. 10.
내용에 꺽쇠 기호(<>) 텍스트 넣는 방법 화면에 태그와 같은 형태의 꺽쇠 기호() 넣는 방법에 대해서 알아보자. 다른 말로는 '홑화살괄호'라고도 부른다. html에서 내용을 작성할 때 html 태그와 같은 형태의 , , 등을 텍스트로 넣고 싶을 때가 있을 것이다. 예를 들어 아래와 같은 코드를 작성하였다고 가정해보자. html 태그의 종류 태그는 내가 표시하고 싶은 대상의 양쪽에 꺽쇠()를 사용해서 태그 이름을 적어주면 된다. 대표적인 태그들은 아래와 같다. - 태그는 heading의 약자로 제목이다. - 태그는 paragraph의 약자로 하나의 문단을 만들 때 쓴다. - 태그는 bold의 약자로 글씨를 굵게 표현한다. 위 코드를 화면으로 그리면 웹 브라우저에서 , , 태그를 설명하는 부분이 제대로 보이지 않는다. 이유는 이 텍스트들을 html.. 2023. 3. 9.
맥북에서 키보드 스페이스 바 두 번 눌렀을 때 마침표(.) 나오는 현상 해결하기 마이크로소프트 워드 프로그램을 이용해서 문서작업을 하는데, 자꾸만 내가 입력하지 않은 마침표(.)가 입력되는 현상을 발견했다. 처음에는 키보드가 고장난 줄 알고 계속 지우고 쓰고를 반복했다. 그러다가 내가 키보드의 스페이스 바를 연속으로 두 번 누르면 마침표(.)가 자동으로 찍힌다는 것을 알아냈다. 하...🤔 아니, 나는 설문지를 만들고 있는 중이라 계속 밑줄 띄어쓰기를 해야 하는데 계속 마침표가 생기면 어떻게 하나...? 불편함이 이만 저만이 아니라 얼른 구글신님께 도움을 청하고, 빠르게 문제를 해결할 수 있었다. 맥북에서 스페이스 바 두 번 눌렀을 때 마침표 나오는 현상 해결방법 Dock 바에서 시스템 설정 아이콘을 찾아서 클릭한다. 무언가 설정하고 싶을 때 무조건 한 번은 클릭하게 되는... 아마 .. 2023. 3. 3.
교통민원24 어플(모바일)로 운전면허 갱신기간 확인하기 운전면허증 갱신기간이라고 해서 온라인으로 적성검사를 진행해보려다가 2년 전 공단에서 진행했던 시력검사 때문에 부적격 판정을 받았다. 온라인으로 갱신하기 위해서는 시력이 일정 수치 이상 나와야 하는데, 나는 하필이면 건강검진 하던 날에 안경을 가져가지 않아서 낮은 시력만 기록되어 있고, 지금은 스마일 라식 수술을 해서 시력이 좋은 상태이고...🥲 이런 경우 면허시험장에 직접 가서 갱신을 해야 하는데, 나는 다음 달에 건강검진을 예약해 둔 상태라 갱신 기간이 길다면 굳이 방문하지 않고 건강검진 후에 다시 온라인 진행이 가능한 상황이었다. 그래서 모바일로 운전면허 갱신기간을 확인해 본 결과, 면허증 갱신은 서두르지 않고 천천히 해도 되겠다는 결론을 내렸다. 나와 같이 운전면허 갱신 기간이 궁금하신 분들을 위해.. 2023. 3. 3.