반응형

분류 전체보기 60

javascript 기초

자바스크립트란? 프로그래밍 언어 중 하나로, 브라우저가 알아들을 수 있는 언어 모든 브라우저는 기본적으로 javascript를 알아듣도록 설계되었다. 자바 스크립트 함수 만들기. 태그를 사용하여 작성한다. 변수 선언은 let을 사용한다. let num = 10 리스트 : 순서를 가지고 있는 형태 let a_list = []// 리스트 선언 let b_list = [1,2,'hey'] // 다음과 같은 형태로도 선언 가능 b_list[1] // 2를 출력한다. b_list[2] // 'hey'를 출력한다. // 리스트에 요소 추가하기 a_list.push('헤이') a_list[0] // '헤이'가 출력된다. // 리스트의 길이 구하기 a_list.length // 길이가 반환된다. 현재 길이는 1 딕셔너..

정리 작업중 2023.01.13

유용한 이모티콘 모음 사이트

https://kr.piliapp.com/facebook-symbols/ 페이스 북 기호 : 웃는 기호, 이모티콘 기호, 이모티콘과 코드 목록 × 이모지 - 이모티콘 혹은 웃는 얼굴이라고도 불립니다. iOS와 Android는 기본적으로 845개의 이모티콘을 지원하고 있으며, 페이스북은 하트/사랑 기호, 별, 부호 및 동물 모양을 포함한 절반을 지원 kr.piliapp.com 페이스북 심볼 형태의 이모티콘과 기호 아이콘이 존재한다. 웹 구현할때 이모티콘이 필요하다면, 해당 사이트를 참고해서 작업하자.

정리 작업중 2023.01.13

구글 웹 폰트 사용하기

구글 폰트 주소 https://fonts.google.com/ Google Fonts Making the web more beautiful, fast, and open through great typography fonts.google.com 1. 위 사이트에서 마음에 드는 폰트 선택 2. select Regular 400 + 버튼을 클릭해서 추가한다. 3. 우측 상단에 View selected families 버튼 클릭 4. link 태그와 css를 복사해서 사용한다. link 태그는 head 태그의 title 태그 아래에 넣어준다. CSS는 style 태그의 안에 넣어 준다.

정리 작업중 2023.01.13

margin과 padding

margin과 padding 차이점 margin = 바깥 여백 padding = 안쪽 여백 확인을 위해 div 영역의 크기를 240px로 지정, 배경색상을 녹색으로 표기했다 margin-left를 40px 주었을 때 시작점으로부터 왼쪽에서 40px 떨어진 위치에서부터 240px 만큼 영역이 그려짐 padding-left를 40px 주었을 때 시작점으로 부터 0px만큼 떨어진 위치에서 40px만큼 그려지고, 그 위치에서 부터 또 240px만큼 영역이 그려짐

정리 작업중 2023.01.06

HTML, CSS 기본 내용

HTML = 뼈대 CSS = 꾸미기 HTML은 구역과 텍스트를 나타내는 코드 CSS는 잡은 구역을 꾸며주는 것 HTML style 속성으로 꾸미기를 할 수 있지만, 이것을 한데 모아 볼 수 있는 CSS 파일이 탄생하게 되었다 CSS를 사용하는 것과, 예쁘게 만드는 것은 다른 영역이기 때문에, 웹디자이너나 퍼블리셔에게 의존하게 된다. HTML 기초 HTML은 크게 head와 body로 구성된다. head = 페이지의 속성정보 body = 페이지의 내용 head 안에 들어가는 대표적 요인들 , meta, script, link, title 등 페이지의 속성을 정의하거나, 필요한 스크립트들을 부른다. 눈에 안보이는 필요한 것들을 담는 것이다. body 안에 들어가는 요소들 div, p, li, ul 등등.. ..

정리 작업중 2023.01.06

웹의 동작 개념

우리가 보는 웹페이지는 모두 서버에서 미리 준비해둔 것을 받아서 그려주는 것이다. 즉, 브라우저 크롬이 하는일 1. 서버에 요청한다. 2. 서버에게 받은 HTML, Data를 가지고 화면을 구성한다. 위 1번에서 요청을 보내는 곳은 서버가 만들어 놓은 API에 정해진 약속대로 요청을 보낸다. ex) https://www.naver.com/ 네이버 주소를 크롬에 입력하면, "naver.com" 이라는 이름의 서버에 있는 "/" 창구에 요청을 보낸 것과 같다. 서버로 부터는 HTML뿐 아니라 Data도 전달받는다. 대표적으로 JSON이 있다.

정리 작업중 2023.01.06

신한 내일배움카드 연결, 연동계좌 찾기

내일 배움 카드 국비지원과정을 등록하면서, 자비부담금을 결제해야 하는데 금액이 없어서 결제를 못하는 문제가 발생했다. 하도 오래 되서, 어떤 은행의 계좌를 연동했는지 기억이 안 남... 심지어 신한카드는 당시에 다른 은행도 연동이 돼서 발급해 줬던 거로 기억함. 이것저것 찾아보다 연락하기는 귀찮고,, 꼼수를 발견했다. 물론 모든 사람이 해당 정보가 연동계좌일지 보장은 못함... 알아보는 방법 중에 한 가지 정도로 이해하면 좋겠다. (귀찮을 때 한번 확인해 보면 좋을 뜻) 그럼 내가 알게 된 방법을 설명함 1. HRD-Net으로 접속함 https://www.hrd.go.kr/hrdp/ma/pmmao/newIndexRenewal.do 직업훈련포털 HRD-Net www.hrd.go.kr 2. 로그인함. 3. ..

정리 작업중 2022.12.29

[Windows] 갑자기 모든창이 최소화 될 때 확인 사항

갑자기 모든 창이 최소화 될 때가 있다. 윈도우창을 마우스로 클릭 한 상태로 화면을 흔들면, 열려있는 모든 창이 최소화 되는데, Aero 흔들기 창 최소화 기능 이란다. 다시 윈도우를 흔들면 원래대로 돌아오긴 하지만, 너무 빡침. 그래서 기능 끄는 방법을 적어놓는다. 윈도우 + R 누르고 실행창에 gpedit.msc 입력 후 실행, 혹은 시작버튼 누르고 gpedit.msc 이라고 검색한다. 사용자 구성 -> 관리 템플릿 -> 바탕화면 항목에 가면 Aero 흔들기 창 최소화 마우스 제스처 사용 안함 이라는 설정이 있음. 해당 기능 사용으로 변경 후 적용하면, 이제 윈도우창 흔들어도 최소화 되지 않음. 너무 편함 :) 그동안 뭐 잘못 누른줄 알고, 갑자기 최소화 된 창 하나하나 다시 켰던거 생각하면 다시 빡..

정리 작업중 2022.12.22
반응형