본문 바로가기

반응형

Programming Language

노트북 & 모니터를 너무 오래 ! 장시간 보게 되어 눈이 아플 땐, 이 설정을 바꿔주세요 !! ( 블루라이트, 청색광을 낮추는 설정 ) 모니터를 너무 장시간 보게 되면 눈이 아프게 되는데 그럴 때 바꾸어줘야 하는 설정은 윈도우의 경우 '야간 모드'이고, 맥 os 기반 (애플 제품)은 '나이트 쉬프트(night shift) 와 다크 모드(dark mode) 입니다. 1. 운영체제가 윈도우의 경우 (for Window) 시작 버튼 옆 '검색'(search) 창에서 '야간모드' 검색 '지금 켜기' 선택 및 강도 선택 마음에 드는 강도로 켜는 시간과 끄는 시간 정한 후 '예약' 선택 2. 운영체제가 맥의 경우 (for Mac OS : night shift) 메뉴 시스템 환경설정 디스플레이 나이트 쉬프트 (Night Shift) 클릭 및 색 온도 조절 3. 운영체제가 맥의 경우 (for Mac OS : dark mode) 애플 메뉴 시스템 환경설.. 더보기
[ HTML ] 링크를 클릭했을 때 새 창이나, 새 탭에서 열리게 하려면 어떤 코드를 작성해야 하나요?? 기본 링크에서 새 창과 새 탭이 열리게 하기 위해서는 HTML 링크 코드 부분에 target blank 코드를 넣어주면, 현재 탭은 그대로 있고 새 탭에서 클릭한 링크로 연결됩니다. 기존 창을 그대로 유지하고 싶은 경우 이 코드를 사용해주면 효율적으로 페이지를 관리할 수 있습니다. 코드 예시로 살펴보겠습니다. 1. 현재 페이지를 없애고 링크 이동 새로운 링크 이동 링크 코드의 수정 없이 그대로 이 코드를 사용한다면, 현재 페이지는 남기지 않고 링크로 이동하게 됩니다. 검색 페이지가 더 이상 필요없는 경우 움직임을 최소화 할 수 있어 효율적이지만, 검색 창을 띄워두고 여러 페이지로 이동할 경우 불편합니다. 2. 현재 페이지를 남긴 채로 링크 이동 새로운 링크 이동 body 태그 안 태그 안을 보면 targ.. 더보기
html 주석( 코맨트 : Comment) 과 인용( Quotation ) 은 어떻게 작성해야하나요 ??? html에서 타인이 내 코드를 읽을 때가 있거나, 내가 수정한 부분이 있을 때 주석인 코맨트(comment)를 활용하게 됩니다. 그리고 html body 태그 중에서 전문가의 말이나, 타인의 의견을 가져와서 사용할 경우 쓰는 것이 인용(Quotation) 입니다. 1. html에서 주석 사용하기 글 작성 부분 html에서 코맨트(comment) 부분은 ' ' 을 통해서 작성이 가능합니다. 2. html에서 기본 인용 사용하기 원래 내용 부분 q를 통해서 기본 인용구 활용. 그 이후 내용 부분입니다. 기본 인용구의 경우 기본 인용구 내용 을 통해서 활용이 가능합니다. 3. html에서 블록 인용 사용하기 기본 내용부분 입니다, 블록 인용구 부분입니다. 그 후의 내용은 자연스럽게 이어가면 됩니다. 블록 인용.. 더보기
[ html / css ] 텍스트 취소선 , 밑줄 , 윗줄 그리고 텍스트 배경색은 어떻게 해야할까요 ??? html에서 취소선과 밑줄( underline )과 윗줄( overline ) 만드는 방법, 그리고 글자색과 글자 배경색 ( background color)을 변경하고자 style 태그에서 그 해당 부분을 지정해주면 됩니다. css 파일과 연동하는 것도 한 방법이고, 그렇게 하지 않아도 html 파일 내에서 지정이 가능합니다. 1. 글자색 변경하기 글자색은 style="color:원하는색상" 을 입력해주면 출력 창에서 변하는 것을 볼 수 있습니다. html으로 글씨 색깔 바꾸는 방법 내용 부분은 이렇게 입력이 가능합니다. 2. 글자 배경색 변경하기 글자 배경색은 style="background-color: 원하는색상" 을 입력해주면 출력 창에서 변하는 것을 볼 수 있습니다. 제목 부분 내용 부분 위에서 .. 더보기
어도비 프로그램이나 PPT / HTML에서 많이 쓰이는 색상은 뭘까요 ??? [ 색상 이름 / RGB 컬러/ 어도비 색상(16진수) 확인하기 ] 안녕하세요 블로그 방문자님들 ! 오늘은 포토샵이나 ppt 그리고 html 에서 자주 쓰이는 색상들에 대해 알아보도록 하겠습니다. 여기 색상 컬러 옆에 표기되어있는 것이 밑에서 얘기할 16진수 색상입니다. 포토샵이나 프리미어 프로처럼 어도비 프로그램 들은 주로 이런 16진수 색상표를 주로 쓰기 때문에 위 코드에서 골라서 작성하시면 됩니다 :) 티끌 코딩 글이 블로그 방문자 님에게 도움이 됐으면 좋겠습니다. 좋아요(❤) 버튼 ↙은 항상 감사합니다. 블로그 방문자 분들 좋은 하루 되세요 : ) 더보기
HTML 과 CSS 에서 문단 단락 띄어쓰기 ( 엔터 키 )하는 방법이 어떻게 되나요 ??? 안녕하세요 오늘 포스팅에서는 HTML 과 CSS에서 문단 단락의 띄어쓰기 하는 방법에 대해서 알아보도록 하겠습니다. 우리가 사용하는 HTML 입력창 편집기에서 엔터를 직접 입력해주는 경우와, 결과 창에 나오는 결과랑 완전히 다른 경우가 있습니다. 그 중 가장 첫번째가 이 엔터키 인데요 단락 띄어쓰기는 우리가 입력해주는 키를 컴퓨터가 입력받지 못하게 됩니다. 그렇기에 당연히, 출력 창에서도 그 결과 값을 입력 받지 못하여 띄어쓰기가 안 되는 모습을 볼 수 있죠. 이러한 경우를 예를 들어, 설명 하겠습니다. 위의 예시처럼 VSCODE 와 같은 입력창에서 코드를 입력해주었는데 제대로 인식이 단락 띄어쓰기 (엔터 키) 가 입력이 안 되는 것을 확인할 수 있습니다. 아까 입력창의 결과 값으로 지금 붙여넣은 사진을.. 더보기
Q. 파이썬에서 리스트 오름차순 과 내림차순 으로 정렬하는 방법은 어떻게 되나요??? (sort 와 sorted 의 차이점은 ?? reverse) 오늘은 파이썬 리스트 오름차순과 내림차순의 방법에 대해서 한번 확인해보도록 하겠습니다. 우선 정렬 방법에는 sort와 sorted로 나누어지는데, 이것도 사용 방법에 따라서 나누어지기 때문에 두가지 예시를 함께 살펴보고, 어떻게 정렬되는지 차이점에 대해서도 살펴보겠습니다. 1. sorted : 리스트 오름차순 정렬 리스트가 잘 정렬되어 출력되는 것을 볼 수 있습니다. 하지만, 다시 밑에 코드에서 리스트를 불러보니, 변경이 안 되고 그대로 저장된 것을 확인할 수 있습니다. 즉, 원본 리스트는 손대지 않고, 정렬한 것을 print 해준 것으로 이해할 수 있습니다. 정렬해서 출력해주기 위해서는 위처럼 다른 리스트에 저장하여 출력해주면 일시적인 리스트를 영구적으로 변환하여 저장할 수 있습니다. 2. sorted.. 더보기
자바스크립트(JS) 반올림(toFixed) 하는 방법과 2진법, 8진법 등, N진법으로 변환하는 방법을 알아봅시다. 안녕하세요 오늘은 자바스크립트에서 반올림 하는 방법과 진법으로 변환하는 방법에 대해 배우고, 예시를 통해서 그것을 간단하게 나타내보도록 하겠습니다. 오늘 포스팅 하는 문법 내용은 특히 for문이나 while 문처럼 반복문 내에서 조건문으로 활용하기 좋습니다. 조건에 만족하면 반올림을 한다거나, 내림을 하는 등 세부 조건문으로 지정해줄 때 많이 사용되고 유용하게 사용되므로 확인해주시면 유용하게 사용될 것 같습니다. :) 다양한 예시로 한번 살펴보겠습니다. 1. 반올림 toFixed(자릿수) 소수점 자릿수 아래 반올림하는 방법 소수점 아래 반올림 하는 수는 우리가 toFixed(자릿수)를 입력해주고 자릿수 위치 값 바로 아래에서 반올림 하시는 것으로 생각해주시면 됩니다. 소스 코드로 살펴보시겠습니다. // .. 더보기

반응형