분류 전체보기
-
1. 다음 중 웹 표준에 대한 설명으로 옳지 않은 것을 고르세요. A.W3C에서 권고하는 웹에서 표준적으로 사용되는 기술이나 규칙이다. B.웹 표준을 지키면 웹 호환성, 웹 접근성을 향상시킬 수 있다. C.구조, 표현, 동작을 담당하는 코드들이 분리되면서 유지보수가 용이해졌다. D.코드가 분리되고 파일 개수가 늘어나면서 트래픽 비용은 늘어났다. 더보기 A.W3C에서 권고하는 웹에서 표준적으로 사용되는 기술이나 규칙이다. B.웹 표준을 지키면 웹 호환성, 웹 접근성을 향상시킬 수 있다. C.구조, 표현, 동작을 담당하는 코드들이 분리되면서 유지보수가 용이해졌다. D.코드가 분리되고 파일 개수가 늘어나면서 트래픽 비용은 늘어났다. 웹 표준의 등장으로 구조, 표현, 동작의 각 영역을 담당하는 코드들이 분리되면..
웹 표준 & 접근성 종합퀴즈1. 다음 중 웹 표준에 대한 설명으로 옳지 않은 것을 고르세요. A.W3C에서 권고하는 웹에서 표준적으로 사용되는 기술이나 규칙이다. B.웹 표준을 지키면 웹 호환성, 웹 접근성을 향상시킬 수 있다. C.구조, 표현, 동작을 담당하는 코드들이 분리되면서 유지보수가 용이해졌다. D.코드가 분리되고 파일 개수가 늘어나면서 트래픽 비용은 늘어났다. 더보기 A.W3C에서 권고하는 웹에서 표준적으로 사용되는 기술이나 규칙이다. B.웹 표준을 지키면 웹 호환성, 웹 접근성을 향상시킬 수 있다. C.구조, 표현, 동작을 담당하는 코드들이 분리되면서 유지보수가 용이해졌다. D.코드가 분리되고 파일 개수가 늘어나면서 트래픽 비용은 늘어났다. 웹 표준의 등장으로 구조, 표현, 동작의 각 영역을 담당하는 코드들이 분리되면..
2023.03.03 -
웹 접근성이란? 웹 접근성은 장애인이나 고령자분들이 웹 사이트에서 제공하는 정보를 비장애인과 동등하게 접근하고 이용 할 수 있도록 보장하는것을 의미한다. Web 접근성(정보통신접근성)은 「지능정보화기본법」에 따라 웹 접근성 준수는 법적의무사항이다 웹 접근성 지침(KS C OT0003:2022) 한국형 웹 콘텐츠 접근성 지침 2.2에서는 원칙 4개, 지침 14개, 검사항목 33개을 두고 있다. 웹접근성을 통과하기 위한 지침 4가지(인식의 용이성(Perceivable), 운용의 용이성(Operable), 이해의 용이성(Understandable), 견고성(Robust))을 두고 있다. 인식의 용이성(Perceivable) 시각, 청각, 인지, 언어 등의 다양한 장애를 가진 사용자들이 콘텐츠를 인식하는 데 어..
웹 접근성웹 접근성이란? 웹 접근성은 장애인이나 고령자분들이 웹 사이트에서 제공하는 정보를 비장애인과 동등하게 접근하고 이용 할 수 있도록 보장하는것을 의미한다. Web 접근성(정보통신접근성)은 「지능정보화기본법」에 따라 웹 접근성 준수는 법적의무사항이다 웹 접근성 지침(KS C OT0003:2022) 한국형 웹 콘텐츠 접근성 지침 2.2에서는 원칙 4개, 지침 14개, 검사항목 33개을 두고 있다. 웹접근성을 통과하기 위한 지침 4가지(인식의 용이성(Perceivable), 운용의 용이성(Operable), 이해의 용이성(Understandable), 견고성(Robust))을 두고 있다. 인식의 용이성(Perceivable) 시각, 청각, 인지, 언어 등의 다양한 장애를 가진 사용자들이 콘텐츠를 인식하는 데 어..
2023.03.02 -
SEO(Search Engine Optimization) 란? SEO는 검색 엔진 최적화(Search Engine Optimization)는 검색 엔진에서 웹 사이트의 노출 순위를 높이기 위한 방법을 의미한다. 검색(Search): 사람들이 질문에 대한 답변이나 필요에 맞는 제품이나 서비스를 찾고 싶을 때 하는 일. 검색 엔진(Search Engine): 사람이 해당 검색을 수행할 수 있는 사이트(예: Google 또는 Bing). 검색 엔진 최적화(Search Engine Optimization): 해당 검색 엔진이 해당 검색을 서비스하는 사이트와 연결하도록 하기 위해 수행하는 작업. 웹 페이지나 어플리케이션을 검색 결과 상위에 노출시키면, 해당 사이트에 대한 노출 기회가 증가하고, 이를 통해 더 많은..
SEO(Search Engine Optimization)SEO(Search Engine Optimization) 란? SEO는 검색 엔진 최적화(Search Engine Optimization)는 검색 엔진에서 웹 사이트의 노출 순위를 높이기 위한 방법을 의미한다. 검색(Search): 사람들이 질문에 대한 답변이나 필요에 맞는 제품이나 서비스를 찾고 싶을 때 하는 일. 검색 엔진(Search Engine): 사람이 해당 검색을 수행할 수 있는 사이트(예: Google 또는 Bing). 검색 엔진 최적화(Search Engine Optimization): 해당 검색 엔진이 해당 검색을 서비스하는 사이트와 연결하도록 하기 위해 수행하는 작업. 웹 페이지나 어플리케이션을 검색 결과 상위에 노출시키면, 해당 사이트에 대한 노출 기회가 증가하고, 이를 통해 더 많은..
2023.02.28 -
웹표준이란? 웹표준은 웹에서 사용되는 기술이나 규칙의 일관성과 호환성을 보장하기 위한 규격과 지침을 의미한다. 웹표준을 준수하는 것은 웹사이트가 다양한 브라우저와 기기에서 일관되게 작동하도록 보장하며, 웹페이지의 접근성과 검색엔진 최적화(SEO) 등에도 영향을 준다. 웹표준은 World Wide Web Consortium (W3C)와 같은 국제기구나 단체에서 제정되며, HTML, CSS, JavaScript 등과 같은 웹 기술에 대한 규격이 포함됩니다. 웹표준을 준수하는 것은 웹개발자와 디자이너, 웹브라우저 제작사 등 모든 웹 생태계 참여자들의 공동 책임이며, 이를 통해 웹의 품질과 안정성을 향상시킬 수 있다. 크롬, 엣지, 사파리, 오페라, 파이어폭스 등 최신 웹 브라우저들은 모두 웹 표준을 지원하고있..
웹 표준, 시맨틱 태그, 크로스 브라우징웹표준이란? 웹표준은 웹에서 사용되는 기술이나 규칙의 일관성과 호환성을 보장하기 위한 규격과 지침을 의미한다. 웹표준을 준수하는 것은 웹사이트가 다양한 브라우저와 기기에서 일관되게 작동하도록 보장하며, 웹페이지의 접근성과 검색엔진 최적화(SEO) 등에도 영향을 준다. 웹표준은 World Wide Web Consortium (W3C)와 같은 국제기구나 단체에서 제정되며, HTML, CSS, JavaScript 등과 같은 웹 기술에 대한 규격이 포함됩니다. 웹표준을 준수하는 것은 웹개발자와 디자이너, 웹브라우저 제작사 등 모든 웹 생태계 참여자들의 공동 책임이며, 이를 통해 웹의 품질과 안정성을 향상시킬 수 있다. 크롬, 엣지, 사파리, 오페라, 파이어폭스 등 최신 웹 브라우저들은 모두 웹 표준을 지원하고있..
2023.02.28 -
아니.. Redux를 배웠는데 Redux Toolkit은 또 뭐야? 리덕스랑 다른건가? 새로 또 배워야 하는건가? 라고 생각했다면 일단 한숨 돌리자.. Redux Toolkit(리덕스 툴킷)? Redux Toolkit은 Redux의 개념을 기반으로 만들어진 것이며 Redux와 함께 사용할 수 있는 라이브러리로, Redux의 개념과 기능을 보완하고 간편화 시켜놓은 Toolkit, 말그대로 도구 세트라 생각하면 될 것 같다. Redux Toolkit이 Redux 안에 포함되어 있는 개념이라 햇갈릴 수 있는데, Redux와 함께 사용할 수 있는 별도의 라이브러리다. Redux Toolkit을 사용하면 Redux의 개념과 기능을 간소화하고 추상화하여 코드의 양을 줄이고 가독성을 높이며, Redux의 보일러플레이..
Redux Toolkit아니.. Redux를 배웠는데 Redux Toolkit은 또 뭐야? 리덕스랑 다른건가? 새로 또 배워야 하는건가? 라고 생각했다면 일단 한숨 돌리자.. Redux Toolkit(리덕스 툴킷)? Redux Toolkit은 Redux의 개념을 기반으로 만들어진 것이며 Redux와 함께 사용할 수 있는 라이브러리로, Redux의 개념과 기능을 보완하고 간편화 시켜놓은 Toolkit, 말그대로 도구 세트라 생각하면 될 것 같다. Redux Toolkit이 Redux 안에 포함되어 있는 개념이라 햇갈릴 수 있는데, Redux와 함께 사용할 수 있는 별도의 라이브러리다. Redux Toolkit을 사용하면 Redux의 개념과 기능을 간소화하고 추상화하여 코드의 양을 줄이고 가독성을 높이며, Redux의 보일러플레이..
2023.02.27 -
1. 다음 중 상태 관리 라이브러리로 옳은 것을 모두 고르세요. A.React Context B.Redux C.React D.MobX 더보기 A.React Context B.Redux C.React D.MobX React는 웹 프레임워크로, 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용됩니다. 상태 관리 라이브러리로는 React Context, Redux, MobX 외 에도 recoil, zustand 등이 있습니다. 2.다음 중 상태 관리 라이브러리를 사용하는 이유를 모두 고르세요. A.Single source of truth(신뢰할 수 있는 단일 출처) 원칙을 유지하게 도와준다. B.전역 상태 저장소를 제공한다. C.Props drilling 이슈를 해결한다. D.웹 애플리케..
[React] 상태 관리 종합퀴즈1. 다음 중 상태 관리 라이브러리로 옳은 것을 모두 고르세요. A.React Context B.Redux C.React D.MobX 더보기 A.React Context B.Redux C.React D.MobX React는 웹 프레임워크로, 자바스크립트 라이브러리의 하나로서 사용자 인터페이스를 만들기 위해 사용됩니다. 상태 관리 라이브러리로는 React Context, Redux, MobX 외 에도 recoil, zustand 등이 있습니다. 2.다음 중 상태 관리 라이브러리를 사용하는 이유를 모두 고르세요. A.Single source of truth(신뢰할 수 있는 단일 출처) 원칙을 유지하게 도와준다. B.전역 상태 저장소를 제공한다. C.Props drilling 이슈를 해결한다. D.웹 애플리케..
2023.02.27 -
보호되어 있는 글입니다.
ai 사이트 정리보호되어 있는 글입니다.
2023.02.26 -
0. 깃허브 레퍼지토리 만들기 깃허브 홈페이지에서 New 클릭하여 레퍼지토리 생성하기 Owner: 본인 아이디 클릭하여 사용~ / Repository nme : 사용할 레퍼지토리 이름 Description(옵션) 레퍼지토리 설명하는 글 적는곳 Public (공개)/ Privte (비공개) Add a README file 안해도 상관없음 나머지 다 기본값 1. 프로젝트 폴더 내에서 로컬 repository 추가 $ git init 결과) ls -al 으로 확인시 .git 생성된 모습 볼 수 있음. 1-1 Git 설치 후 버전 확인 버전 확인하고 싶을때 $ git --version 또는 $ git -v 2. git 원격저장소 설정 $ git remote add [remote이름] [원격 repository ..
[git] GitHub Repository 처음 연결하고 업로드하기0. 깃허브 레퍼지토리 만들기 깃허브 홈페이지에서 New 클릭하여 레퍼지토리 생성하기 Owner: 본인 아이디 클릭하여 사용~ / Repository nme : 사용할 레퍼지토리 이름 Description(옵션) 레퍼지토리 설명하는 글 적는곳 Public (공개)/ Privte (비공개) Add a README file 안해도 상관없음 나머지 다 기본값 1. 프로젝트 폴더 내에서 로컬 repository 추가 $ git init 결과) ls -al 으로 확인시 .git 생성된 모습 볼 수 있음. 1-1 Git 설치 후 버전 확인 버전 확인하고 싶을때 $ git --version 또는 $ git -v 2. git 원격저장소 설정 $ git remote add [remote이름] [원격 repository ..
2023.02.26