본문 바로가기

front-end65

HTML에서 사용할 수 없는 특수문자를 표시하는 코드 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 블로그만 하시는 분에게는 아무런 쓸모없는 정보이지만, 자신의 웹사이트를 만들기 위해서는 필요할 수 있는 정보입니다. HTML 문서를 작성할 때에 본문에 들어갈 수가 없는 나 &, 따옴표 같은 특수문자를 표시해주는 코드들을 알아보겠습니다. 많이 사용되는 특수문자 코드 목록 HTML 코드 기호 설명 & & 앰퍼샌드 < 닫는 꺽쇠 괄호 " " 구분없는 큰 따옴표 ‘ ‘ 여는 작은 따옴표 ’ ’ 닫는 작은 따옴표 “ “ 여는 큰 따옴표 ” ” 닫는 큰 따옴표 « « 여는 이중 꺽쇠 괄호 » » 닫는 이중 꺽쇠 괄호 © © 카피라이트, 저작권 기호 ® ® 등록 상표 기호 ™ ™ 상표 기호 ° ° 각도 이 글.. 2021. 2. 7. 14:38
HTML, 한자의 발음을 써놓을 때 사용하는 태그 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. Photo by Niketh Vellanki on Unsplash 明鏡止水 (명경지수) 맑은 거울과 고요한 물처럼 잡념과 허욕이 없는 깨끗한 마음을 비유적으로 이르는 말 위의 소스 코드는 PC에서 드래그 후, ctrl+x로 잘라내서 다른 곳으로 붙여넣기가 가능합니다. ctrl+c(복사)는 불가능합니다. 明鏡止水 (명경지수) 맑은 거울과 고요한 물처럼 잡념과 허욕이 없는 깨끗한 마음을 비유적으로 이르는 말 전체적으로 감싸는 태그는 ~입니다. 태그 안에서 한자를 감싸는 태그는 ~, 발음을 감싸는 태그는 ~, 괄호를 감싸는 태그는 ~입니다. 괄호를 감싸는 는 루비 태그를 지원하지 않는 브라우저가 있을 수.. 2021. 2. 6. 13:54
HTML, 책이나 다른 사람의 글을 인용할 때 써야할 태그 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. Photo by Dollar Gill on Unsplash blockquote cite= 인용할 문구 인용한 웹사이트 이름 위의 소스 코드는 PC에서 드래그 후, ctrl+x로 잘라내서 다른 곳으로 붙여넣기가 가능합니다. ctrl+c(복사)는 불가능합니다. ~를 써야 합니다. 인용하는 글의 출처가 웹사이트인 경우에는 안에 cite=""를 추가해서 따옴표 사이에 웹사이트의 주소를 적어주어야 합니다. 는 올바른 출처를 밝힐 때 사용하는 중요한 태그입니다. 태그를 사용하지 않고 다른 웹사이트의 글을 인용해서 쓸 경우에는 검색엔진에서 표절・유사 문서로 간주되어 운영하는 블로그나 웹사이트에 안 좋은 영향을 .. 2021. 2. 5. 12:29
HTML 위첨자, 아래첨자 태그 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 위첨자는 , 아래첨자는 입니다. 015B - 나의 옛 친구 (Featuring 이승환) JINU - 너와 함께 (Duet with 이승환) 위의 소스 코드는 PC에서 드래그 후, ctrl+x로 잘라내서 다른 곳으로 붙여넣기가 가능합니다. ctrl+c(복사)는 불가능합니다. 015B - 나의 옛 친구 (Featuring 이승환) JINU - 너와 함께 (Duet with 이승환) 위의 소스 코드로 브라우저에서는 이렇게 표시가 됩니다. 이 글이 도움이 됐다면 하단의 ♡ 공감 버튼을 꾹 눌러서 빨간 하트♥로 만들어주세요. 지인에게 보여주고 싶은 글이었다면 공감 버튼 옆을 클릭해서 SNS에 공유해주세요. .. 2021. 2. 4. 10:37
자바스크립트, 객체 1 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트, 함수의 활용 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트, 함수 2 이 포스팅은 PC로 작성되었습니다. 모바일로 보 gogogameboy.tistory.com 머리 아픈 공부의 연속입니다. 함수와 객체가 두 개의 큰 산이었군요.. 역시 그래서 어려웠나 봅니다. 영상을 보니 지금까지 공부했던 모든 것들을 다시 복습을 한 후에 다시 들어야 할 것 같다는 느낌이 듭니다. ㅠ_ㅠ 오늘은 이 포스트 하나만 올리고 그동안 공부했던 것을 복습해야겠습니다. 객체 쓰기와 읽기 Object Create .. 2021. 2. 3. 10:02
자바스크립트, 함수의 활용 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트, 함수 2 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트, 함수 1 이 포스팅은 PC로 작성되었습니다. 모바일로 보 gogogameboy.tistory.com 드디어 그동안 배운 함수를 이용해서 뭔가를 만들어보는 시간입니다. 함수 공부를 처음 할 때에 생활코딩 강의 영상에서 사이에 미리 써놓은 자바스크립트 코드를 로 불러와서 쓰는 것을 보여줬었는데요, 그걸 만들어보겠습니다. 함수의 활용 WEB HTML CSS JavaScript JavaScript Lorem ipsum dolor sit a.. 2021. 2. 2. 09:14
자바스크립트, 함수 Function 2 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트, 함수 1 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트, 배열과 반복문의 활용 이 포스팅은 PC로 작성되었습니 gogogameboy.tistory.com 지난 포스트에 이어서 계속 함수의 공부를 해보도록 하겠습니다. 매개변수와 인자 Function Basic Parameter & Argument Return 위의 소스 코드는 PC에서 드래그 후, ctrl+x로 잘라내서 다른 곳으로 붙여넣기가 가능합니다. ctrl+c(복사)는 불가능합니다. sum( ) 안에 들어있는 2와 3, 3과 4 같.. 2021. 2. 1. 16:07
HTML 문서 안에서의 주석 쓰는 법 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 본인이 쓰는 태그가 무슨 태그였는지 나중에 혹시라도 까먹을까봐 그 태그에 대해서 설명하는 주석을 달아놓고 싶을 때가 있죠. 쓰는 방법은 간단합니다. ↑ 이 안에 주석을 써넣으시면 됩니다. 그러면 소스 코드를 볼 때에는 주석의 내용이 보이지만, 완성된 웹페이지에서는 주석의 내용은 보이지 않게 됩니다. 위의 소스 코드는 PC에서 드래그 후, ctrl+x로 잘라내서 다른 곳으로 붙여넣기가 가능합니다. ctrl+c(복사)는 불가능합니다. 예를 들어 위와 같이 코드를 작성을 해도 이렇게 주석의 내용은 보이지 않게 됩니다. 이 글이 도움이 됐다면 하단의 ♡ 공감 버튼을 꾹 눌러서 빨간 하트♥로 만들어주세요. .. 2021. 1. 31. 15:17
자바스크립트, 함수 Function 1 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트, 배열과 반복문의 활용 이 포스팅은 PC로 작성되었습니다. 모바일로 보시는 분들에게는 가끔 줄 바꿈이 어색하게 보일 수 있습니다. 지난 포스트 자바스크립트, 배열과 반복문 이 포스팅은 PC로 작성되었습니다. 모바 gogogameboy.tistory.com 지난번에는 배열과 반복문을 공부하고 마지막에는 또 그걸 활용해서 쓸만한 것을 만들어보았습니다. 이번에 공부할 내용은 함수입니다. 요즘 계속 그러고 있듯이 처음에는 머리 아프고 지루한 시간이 될지도 모릅니다. 지금 이렇게 글을 쓰고 있는 저도 잠이 쏟아질 것 같습니다. 사이에 써놓은 코드를 불러와서 쓸 수 있다는 점이 꼭 C.. 2021. 1. 31. 09:42