FrontEnd83 [ JavaScript ] Set 세트 Set 란? 자바스크립트에서 고유한 값들의 집합을 다루는 자료구조이다. 이를 활용하면 데이터 중복을 제거하고 유일한 값들을 효과적으로 관리할 수 있다. 자료구조로서의 세트 순서가 없는 중복되지 않은 데이터 값의 집합이다. 세트 vs 배열 배열 데이터를 순서에 맞게 저장 => 인덱스를 통해 특정 위치의 데이터에 접근 가능하다. 동일한 값을 여러 번 저장할 수 있다. (값이 동일하더라도 인덱스가 다르기 때문에 데이터의 중복이 문제되지 않는다.) 세트 데이터를 순서 없이 저장한다. 기존에 세트에 있는 값을 또 추가하면 아무 효력이 발생하지 않는다. 세트 생성 자바스크립트에서 Set는 클래스이므로 new키워드와 생성자를 사용하여 객체를 생성할 수 있다. const set = new Set() // Set(.. 2023. 10. 26. [ JavaScript ] 객체 & 내장객체 & 호스트객체 보호되어 있는 글 입니다. 2023. 10. 26. [ TypeScript ] Props 타입 지정하기 interface SectionContainerProps { newsArr : NewsData[] ; } export default function SectionContainer({newsArr}:SectionContainerProps) { ... } export default function SectionContainer({newsArr}:{newsArr:NewsData[]}) { } export default function SectionContainer({newsArr}) { const newsData = newsArr as NewsData[] // 사용할 데이터 이름으로 변수 선언 ... } 2023. 10. 26. [ 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. 이전 1 ··· 8 9 10 11 12 13 14 다음
