본문 바로가기

전체 글57

비주얼 스튜디오 코드(Visual Studio Code) 설치, 한국어 세팅하기 코딩을 할 때, 가장 먼저 설치해야 하는 프로그램은 비주얼 스튜디오 코드(Visual Studio Code) 입니다. 파이썬, html, css, 자바스크립트, C언어 등 모든 프로그래밍 언어를 편리하게 작성할 수 있는 도구입니다. 설치 방법 네이버에 "비주얼 스튜디오 코드" 검색 맨 위에 나오는 Visual Studio Code 홈페이지에 들어갑니다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications. V.. 2023. 8. 24.
HTML이란 무엇인가? HTML의 모든 것, 태그란? (HTML=HTML5) HTML이란? 간단히 말해서 웹 문서를 만드는 언어입니다. 그리고 HTML은 HyperText Markup Language의 줄임말입니다. 여기서 HyperText란 문서를 서로 연결해주는 링크를 의미합니다. 그러니까 즉, 링크 = 서로 연결한다는 의미입니다. Markup이란 "표시한다" 라는 뜻인데, 그러니까 웹 브라우저에 텍스트, 이미지 등을 표시한다는 뜻입니다. HTML의 기능 HTML의 기능은 웹 브라우저에 보여줄 내용을 결정하는 것입니다. 그리고 문서끼리 연결합니다. HTML 문서의 구조 HTML 문서는 워드와 같은 일반 문서와 달리 정해진 형식에 맞추어 작성해야 합니다. 기본적으로 위와 같이 생겼습니다. 가장 먼저, DOCTYPE html> 로 시작합니다. 현재 문서가 HTML5 언어로 작성한.. 2023. 8. 17.
아이스크림 할인점에서 냉동 탕후루를 파네요 출근길에 아이스크림 편의점에 들렀는데, 냉동 탕후루를 팔길래 겟 가격은 4500원이다... 냉동치고 비싼 감이 없지 않아 있다. 냉동이라 그런지 과육이 얼어있어서 이가 시렸음. 사먹는게 더 나을듯한데 파는 곳 없을 땐 사 먹어도 좋을 듯. 아니면 냉동실에 쟁여놓고 간식으로 먹거나 마침 그날 퇴근길에 남자친구가 회사까지 데리러 왔는데 방울토마토 탕후루를 해왔다 ♥ 그런데 만들자마자 가져와서 그런가? 덜 굳어있었다. 사탕이라기보단 쫀득한.. 느낌 스테비아 방토라 그런가 되게 달았다. 그래도 남자친구가 해준게 젤 맛있었다 ♥♥ 남치니가 알려주는 탕후루 만들기 tip. 설탕은 절대 젓지말것, 불조절이 포인트 2023. 8. 17.
개발 초보 꿀팁! 개발자 도구 F12 사용법! 개발자 도구란? 코드를 요렇게 바꾸면? 이 홈페이지의 모양이 요렇게 바뀌겠구나, 속도가 빨라지겠구나, 버그가 고쳐지겠구나 뭐 이런 것들을 테스트해볼 수 있는 도구입니다. 개발자 도구 사용법! 개발자 도구 실행법 F12 키를 누릅니다. 창모드로 변환하는 법 우측 상단의 점 세개를 누른 후, 창 두 개가 겹쳐져 있는 모양의 아이콘을 누릅니다. 한국어로 언어 변경하는 법 ← 우측 상단의 설정 아이콘을 클릭한 후, Preferences - Language에서 Korea - 한국어로 변경해줍니다. 개발자 도구를 한 번 닫은 후 다시 F12를 눌러 개발자 도구를 실행하면 변경된 언어가 적용됩니다. 개발자 도구 사용 예시! 좌측 상단의 화살표 모양 아이콘을 누른 다음, 아이콘이 파란 색으로 변한 상태에서, 홈페이지의.. 2023. 8. 16.
지루성 피부염 + 모낭염 치료 일기 발병 원인 필자는 지루성 피부염과 모낭염을 앓고 있다. 처음부터 이랬던 건 아니고, 약 10개월 전 취업을 하면서 발병했다. 처음 해보는 직장생활, 처음 해보는 서울살이.. 취업 전 개인적으로 힘든 일이 있었어서 그 충격이 가시지 않아 더더욱 힘들었던 것 같다. 스트레스를 많이 받아 매일 배달을 시켜먹고, 혼술에, 습관적으로 얼굴을 긁고 만지고... 화장한 후에 세안 안하고 잠들고, 세안 후 보습도 안하고;; 원인 요약 : 스트레스, 배달음식, 음주, 얼굴 긁고 만지기, 세안 안함, 보습 안함 피부가 멀쩡한 게 더 이상하지.... 그땐 내가 안일했다. 피부과 치료 후기 피부과에 갔지만 효과가 없었다. 그 의사들은 모낭염 치료약이 아닌 여드름 치료약을 줬기 때문이다. 피지 줄이는 약? (로아큐탄? 이소티논.. 2023. 8. 11.
메이플스토리 메르세데스 직업 평가, 플레이 후기 메르세데스를 선택한 이유 - 내가 메르를 시작할 때는 뽀송 꽃잎 피부 쿠폰이 굉장히 얻기 힘들 때였다. 지금이야 이벤트로 풀지만, 그때는 현금 10만원 이상의 가치를 가지고 있었다. 그런데 메르를 하면 공짜로 뽀송 피부를 얻을 수 있으니, 그 점이 마음에 들어 시작했다. 그게 다다. 지금에야 직업별 피부(스킨) 쿠폰도 나오고.. 메르 말고도 다른 직업 스킨도 뽀송 피부지만, 아무튼 나때는 그랬다. 사냥 - 사실 사냥은 정말 끔찍하다. 뇌빼기, 제자리 사냥은 꿈도 못 꾼다. 그런데 나는 메르를 오래 해서 그런지 몰라도 그냥 대충 점프하면서 리프 토네이도 갈기면 다 죽던데..? 아무튼 메르 골수 유저만 사냥이 편하다고 느끼고, 다른 대부분의 유저들은 사냥이 끔찍하다고 여길 것이다. 요약 : 끔찍함 보스 - .. 2023. 8. 11.
블로그 스킨 1차 제작 완료 (루비 ver 1.0) 일단 1차 제작 완료함. 다크 모드, 모바일 버전(반응형)까지 전부 제작 완료! 마우스 커서를 따라 반짝거리는 빛무리가 따라다니는 효과도 있고, 배경에 별이 내리는 효과도 넣었다. SEO 작업까지 완료했다. 목차 생성하고, H1 태그 여러 개인 것도 수정하고, 구글 서치 콘솔과 네이버 서치 어드바이저에 사이트맵 재등록도 함. 이제 티스토리 광고 등록 조건을 맞춰서 애드센스만 달면 된다. 음.. 드디어 애드센스까지 달 수 있게 되는구나. 블로그로 직장인 월급만큼의 돈을 벌 생각까지는 아직 없다. 그렇지만 블로그는 내 성실성과 노력의 결과물, 능력 등을 보여줄 수 있는 공간이라고 생각한다. 그러다 보면 언젠가 큰돈 벌겠지 ㅎㅎ 꼭 블로그가 아니라도, 어떤 방식으로든 말이야. 시간 날 때마다 블로그를 어떤 방.. 2023. 8. 10.
어느 정도의 틀을 잡다. 일단 어느정도의 틀은 잡았다. 머리 터지는줄 기본으로 제공되는 코드들과 무료로 제공되는 소스들을 짜집기해서, 그래도 작동은 하게 만들었다. 연결은 다 했으니, 이제 미적인 부분만 신경써서 조금씩 수정해나가면 될 듯. (+그 다음으로 seo 최적화 작업.) 쉽지 않네... 코드들을 짜집기하다보니 충돌이 일어나서 많이 애먹었다. 오류 수정하는게 코드 짜는것보다 더 힘듦... 2023. 7. 27.
티스토리 반응형 스킨 만들기 프로젝트 시작! 티스토리 반응형 스킨을 만들어보고 싶어졌다. 반응형 웹사이트 개발에 나름(?) 참여한 경험도 있고, HTML, CSS, JavaScript, 또 SEO 시스템에 대해 어느 정도 배우고 나니, 반응형 웹사이트를 한 번 만들어 두면 포트폴리오 용으로도 좋겠단 생각이 들어, 나만의 스킨 만들기에 도전! 티스토리는 '치환자'라는 개념을 이해해야 해서 기존의 코딩 지식이랑은 별개로 따로 배워야 하는 부분이있다고 들었다. 티스토리 스킨가이드와 다른 스킨 제작 후기들을 참조하여 만들어 보려고 한다. 스킨 제작용 블로그를 하나 더 만들어서 스킨을 만들고 다듬어 나갈 예정이다. 왜냐.. 여기다가 바로 스킨 적용하면.. 사이트맵을 다시 제출해야하고 너무 번거로울 것 같음. 스킨 제작용 블로그에서 다 완성시킨 다음에 이 블.. 2023. 7. 26.
오랜만에 해본 MBTI 테스트 - ISTJ(특징,해시태그,TMI 등) 오랜만에 MBTI 테스트를 해봤다. 세달 전 테스트와 많이 다른 결과가 나옴. ESTP → ISTJ-T 내가 볼땐 난 ST는 고정이고 EP랑 IJ는 유동적으로 바뀌는 것 같다. 인생을 오늘만 사는 것처럼 막 살 땐 EP (외향적이며, 즉흥적임) 게획적이고 열정적이고 자기계발에 몰입할 땐 IJ (조용히 일과 공부만 함) EP 모드일 땐 방송 및 인맥관리에 집중하고, IJ 모드일 땐 자기계발에 집중하는 나. EP 모드일 때보다 IJ 모드일 때가 훨씬 많긴 하다.. 도표로 그려보면 이렇다. 오, 이거 맞다.. (다른 현실주의자들과 비슷하게) 나는 내가 좋은 일을 해도 굳이 드러내놓고 말하는 편은 아닌데, 봉사활동같이 좋은 일을 해도 굳이 자랑하고 다니지는 않는다. 회사에서도, 공용 구글 스프레드 시트에 수식을.. 2023. 7. 21.
[css]흑백 필터의 선명도를 낮추는 법 필자는 이미지에 흑백 필터 기능이 있는(하지만, 마우스 오버하면 원본으로 돌아가는) 홈페이지를 운영하고 있다. 그런데 완전 흑백 말고, 흑백 필터의 선명도를 낮출 수 있는 방법은 없을까 고민하던 중, 방법을 찾았다. filter: grayscale(1); ←이 "1"이 선명도를 나타내는 것임. 0에 가까울 수록 흐릿하고, 1이 가장 선명함. 그리하여 filter: grayscale(1) 부분의 "1"을 "0.2"로 수정함. 선명도를 낮춤. 이러면 덜 흑백흑백 하겠지? filter: grayscale(1) → filter: grayscale(0.2) 수정. 결과 : 약간 흑백 필터가 연해졌다. 컬러가 좀 보이네 :) 2023. 7. 20.
손익거래 VS 혼합거래 손익거래와 혼합거래가 헷갈리시나요?! 저도 헷갈렸습니다. 그래서 알아보다 보니, 이제 확실히 알았습니다. 손익거래란? 대변과 차변 중, 한 쪽만이라도 수익or비용 계정으로만 이루어져 있는 거래를 뜻합니다. 혼합거래란? 두 개의 조건을 만족해야 합니다. 1. 대변과 차변 중, 한 쪽만이라도 두 개 이상의 항목이 들어가야 하고, 2. 그런데, 그 두 개 이상의 항목이 들어가는 변에 수익or비용 계정이 하나는 있어야 합니다 그런데 설명하다 보니 명료하게 정리가 되는군요?! 어렵게 말할 것 없이, 혼합거래란! 한 변(차변 또는 대변)에 두 개 이상의 항목이 들어가며, 그 변은 수익or비용계정 + 자산or부채or자본계정의 혼합이어야 한다. 2023. 7. 19.