FrontEnd86 [ HTML ] HTML 특수문자 Entities Character Entity Name Entity Number Description 여백 (Space) ! ! 느낌표 (Exclamation mark) " " 큰따옴표 (Quotation mark) # # 샵 (Number sign) $ $ 달러 (Dollar sign) % % 퍼센트 (Percent sign) & & & 앤드 기호 (Ampersand) ' ' 아포스트로피 (Apostrophe) ( ( 소괄호/왼쪽 (Opening/Left Parenthesis) ) ) 소괄호/오른쪽 (Closing/Right Parenthesis) * * 별표 (Asterisk) + + 더하기 (Plus sign) , , 쉼표 (Comma) - - 하이픈 (Hyphen) . . 온점, 마침표 (Period) / / 슬.. 2023. 10. 26. 마크다운 Markdown 에 대해서 장점 단점 문법이 쉽고 간결하다 관리가 쉽다 지원 가능한 플랫폼과 프로그램이 다양하다 표준이 없다 모든 HTML 마크업을 대신하지 못한다 - Github에서는 README 파일을 찾게 되어 있어서 왠만하면 README.md 로 생성하기 - 띄어쓰기는 꼭 하기 - 문법 - 1)제목(Header) # 제목 1 (h1) ## 제목 2 (h2) ### 제목 3 (h3) #### 제목 4 (h4) ##### 제목 5 (h5) ##### 제목 6 (h6) - 2) 문장(Paragraph) 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 - 3) 줄바꿈(Line Breaks) - 띄어쓰기 두번 or 동해물과 백두산이 마르고 닳도록 하느님이 보우하사 우리나라 만세 무궁화 섬천.. 2023. 10. 26. [ CSS ] filter vs backdrop-filter ( 요소 배경에) /* 필터 없음 */ - filter: none; /* SVG 필터를 가리키는 URL */ - filter: url("filters.svg#filter-id"); /* 값 */ - filter: blur(0px); - filter: brightness(1.0); - filter: contrast(100%); 0%일 경우 완전히 회색 이미지가 되고, 100%일 경우 이미지가 그대로 유지 - filter: drop-shadow(16px 16px 10px black); ( box-shadow 속성과 비슷하지만, 일부 브라우저에서는 필터를 사용했을 때 성능 향상을 위해 하드웨어 가속을 사용한다 보통 blur은 10% 이하로 사용한다 - filter: grayscale(0%); 100%일 경우 완전히 흑백 이미지.. 2023. 10. 26. [ JavaScript ] 스코프 Scope 에 대해서 스코프 Scope 란? 변수 또는 함수가 유효한 범위 스코프의 종류 전역 Global Scope : 코드의 모든 범위(전역)에서 사용(참조)이 가능하다. (함수 밖은 다 전역이다.) 지역 Local Scope 함수 Function Scope : 함수 안에서만 사용이 가능하다. 블록 Block Scope : if, for, switch 등 특정 블록 내부에서만 사용이 가능하다. {} 블록이란? 블록은 하나 이상의 구문을 그룹화 할 때 사용이 되며, 중괄호 {} 세트 안에 있는 코드를 말한다. function print() { // 함수 블록 console.log(a); } { // 블록 const a = '1'; } 스코프의 특징 바깥쪽 스코프에서 선언한 변수는 안쪽에서 사용 가능하다. 안쪽 스코프에서 선.. 2023. 10. 26. [ JavaScript ] 예외 처리 exception handling 예외 처리란, 코드 실행 중에 예기치 못한 에러가 발생했을 때, 이로부터 코드의 실행 흐름을 복구 하는 기능이다. 동기식 코드에서의 예외 처리 문법 에러와 같이 프로그래머의 실수를 인해 에러가 발생하는 경우도 있지만, 네트워크 에러와 같이 코드와는 무관한 이유로 발생하는 에러도 있다. new Array(-1) //RangeError: Invalid array length console.log(foo) //ReferenceError: foo is not defined fetch('https://blabla.nowhere') //TypeError: Failed to fetch 코드 실행 중에 에러가 발생하면, 코드의 실행이 중단되어 그 시점에 실행 중이었던 작업을 완료할 수 없게 됩니다. JavaScript.. 2023. 10. 26. [ JavaScript ] 2진수, 8진수, 10진수, 16진수 변환 방법 (feat. toString) 일단 방법만 먼저 말하자면, 10진수(num)를 N진수로 변환하는 법 num.toString(N) const tenInt = 30 tenInt.toString(2) //'11110' tenInt.toString(8) // '36' tenInt.toString(10) // '30' tenInt.toString(16) // '1e' 선택적으로 기수(radix)를 매개변수로 취한다. 최소 2부터 36까지 가능하다. 기수를 이용해서 10진수를 다른 진수로 변환할 수 있다. 라고 그대로 mdn에 쓰여있다. 참조 https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/toString 2023. 10. 25. 이전 1 ··· 9 10 11 12 13 14 15 다음
