본문 바로가기

전체 글58

[JavaScript] async & await async & await 함수란? 비동기 처리 방식인 콜백 함수와 Promise의 단점을 보완하는 함수 async function 함수명() { await 비동기_처리_메서드_명(); } async는 function 앞에 위치합니다. 함수의 내부 로직 중 HTTP 통신을 하는 비동기 처리 코드 앞에 await를 붙입니다. async async function f() { return 1; } f().then(alert); // 1 function 앞에 async를 붙이면 해당 함수는 항상 Promise를 반환합니다. Promise가 아닌 값을 반환하더라도 이행 상태(resovled)의 Promise 로 값을 감싸 반환합니다. 명시적으로 Promise를 반환하는것도 동일합니다. async function f.. 2023. 8. 1.
[React] Hooks - useContext 정의 useContext는 컴포넌트에서 context를 읽고 구독할 수 있게 해주는 훅 const value = useContext(SomeContext) Reference useContext (SomeContext) 컴포넌트의 최상위 레벨에서 useContext를 호출하여 context를 읽고 구독합니다. import { useContext } from 'react'; function MyComponent() { const theme = useContext(ThemeContext); // ... Parameters SomeContext : context자체는 정보를 보유하지 않으며, 컴포넌트에서 제공하거나 읽을 수 있는 정보의 종류 Returns useContext는 호출하는 컴포넌트에 대한 conte.. 2023. 7. 31.
웹 표준 및 웹 접근성 📢웹 표준이란? 어떠한 브라우저 환경에서든지 웹 사이트가 항상 동일하게 보이는것 📌웹 표준을 준수하는 법 - HTML 최상단에 DOCTYPE 선언하여 웹 페이지가 어떤 버전의 HTML, XHTML을 사용하는지 명시 - 시맨틱 태그(header, footer, nav, section 등) 사용하여 웹 페이지의 구조를 더욱 명확하게 표현 할 수 있다. - 웹 접근성을 고려하여 작업해야한다. 📌웹 표준의 장점 - 모든 브라우저에서 일관적으로 표현 되므로 웹 페이지의 호환성이 증가한다. - 검색 엔진 최적화를 할 수 있다. - 유지보수 및 확장성이 좋아진다. 📢웹 접근성이란? 장애인, 고령자 등 모든 사용자가 웹 사이트를 쉽게 접근하고 원하는 정보를 찾을 수 있도록 구현하는것 📌웹 접근성을 준수하는 법 - 이미.. 2023. 7. 28.
[CSS] font-size:clamp() 📢 font-size:clamp() 소개 font-size:clamp() 는 최소, 최대값 범위 내에서 font-size를 유동적으로 적용한다. font-size:clamp(최소, 기준, 최대) See the Pen clamp by jominh (@thatBamm) on CodePen. 2023. 7. 14.
[JS] wScratchPad.js 사용하기 📢 wScratchPad.js 플러그인 wScratchPad.js 는 스크래치 카드 효과를 나타낼 수 있는 플러그인 입니다. 바로 적용 가능한 CDN링크를 찾지 못해 아래 wScratchPad.js GitHub에서 플러그인 파일을 다운받아 사용하는걸 추천합니다. https://github.com/websanova/wScratchPad GitHub - websanova/wScratchPad: jQuery Scratch Pad Plugin jQuery Scratch Pad Plugin. Contribute to websanova/wScratchPad development by creating an account on GitHub. github.com 📢 사용법 및 옵션 See the Pen Untitled .. 2023. 7. 11.
정보처리기사 실기 [3. 데이터 입출력 구현] CH.01 논리 데이터 저장소 확인 📢 관계 대수 연산자 종류 📌 일반 집합 연산자 합집합 : 교집합 : 차집합 : - 카티션 프로덕트 : X 📌 순수 관계 연산자 셀렉트 : 시그마 프로젝트 :파이 조인 : 리본 디비전 나누기 📌 정규화단계 1정규화 : 도메인이 원자값으로 구성 2정규화 : 부분함수 종속제거 (완전 함수적 종속을 만족) 3정규화 : 이행함수 종속제거 BCNF : 결정자 후보 키가 아닌 함수 종속 제거 4정규화 : 다중 값 종속 제거 5정규화 : 조인 종속 제거 📌 DB 무결성 제약 조건 1. 개체 무결성 : 기본키는 null값이 될 수 없음 2. 참조 무결성 : 외래키는 참조할 수 없는 값을 가질 수 없음 3. 도메인 무결성 : 특정 속성값은 그 속성이 정의된 도메인에 속한 값이어야함 4.. 2023. 7. 11.

티스토리툴바