유바바아들 닮은 개발자의 끄적끄적

웹 접근성은 웹사이트, 애플리케이션, 디지털 콘텐츠 등의 디자인과 개발 과정에서 모든 사람들이 동등하게 접근하고 사용할 수 있도록 하는 원칙과 가이드라인의 집합입니다. 이는 장애를 가진 사람들, 노인, 저시력자, 저청력자, 인지적 제약이 있는 사람들을 포함하여 다양한 사용자들을 고려합니다. 웹 접근성은 다양한 측면을 고려하여 구현되어야 합니다. 아래는 웹 접근성을 보장하기 위한 주요 원칙과 관련된 사항들입니다: 대체 텍스트: 이미지, 오디오, 비디오 등의 비시각적 콘텐츠에 대한 대체 텍스트를 제공해야 합니다. 이를 통해 스크린 리더 등 보조 기술을 사용하는 시각 장애인이나 텍스트로만 정보를 이해하는 사용자들이 해당 콘텐츠를 이해할 수 있습니다. 키보드 접근성: 키보드로만 웹사이트를 탐색하고 상호 작용할 ..

최근에 vue.js 에서 이미지를 동적으로 img 요소 src 어트리뷰트 안에 파일경로를 동적으로 바인딩 시커서 이미지를 랜더링 해야 할 일이 생겼다. 근데 생각대로 동작을 하지않았다. 위와 비슷한 코드로 로직을 구성했는데 내 생각대로라면 :src="`${this.images[this.currentIndex].path}`" 이 부분에서 저 코드 리턴값이 ../images/hello.jpg 이렇게 반환되니까 당연히 저기에 src 경로에 지정되면서 이미지가 랜더링 되겠지.. 했는데 엥? :src="`${this.images[this.currentIndex].path}`" Error: Cannot find module '../images/hello.jpg' 이런 식으로 에러 로그가 찍혔다.. 이미지는 당연히 ..

1. 준비물 react-router-dom 2. react-router-dom 설치 npm install react-route-dom 저는 버전을 ^6.12.1로 세팅했습니다. 3. 디렉터리 설정 - components - route - middleware 4. route/allRoutes.tsx 코드 생성 import React from "react" import { Navigate } from "react-router-dom" // 페이지 경로 import Login from "../page/login" import LoginChoose from "../page/loginChoose" import LoginVerification from "../page/loginVerification" interfa..

회사에서 사수가 말거는대 못알아들으면 창피하니까 아래의 30가지 정도는 숙지하고 있으면 도움이 됩니다!! HTML (HyperText Markup Language): 웹 페이지의 구조와 콘텐츠를 정의하기 위한 마크업 언어입니다. 웹 페이지의 요소들을 태그로 감싸고, 각 요소들의 의미와 구조를 나타냅니다. CSS (Cascading Style Sheets): HTML 문서의 스타일과 레이아웃을 정의하기 위한 스타일 시트 언어입니다. CSS를 사용하여 웹 페이지의 디자인, 색상, 폰트, 배경 등을 꾸밀 수 있습니다. JavaScript: 웹 페이지의 동적인 기능을 추가하기 위한 프로그래밍 언어입니다. 클라이언트 측에서 실행되며, 사용자와의 상호작용, 데이터 처리, 웹 페이지의 동적 업데이트 등을 처리할 수 ..

스프링 개발 중에 프로세스를 여러 번 재실행하게 되면 아래와 같은 오류를 만날 수 있습니다. 위의 오류는 이미 해당 os에서 해당 PID를 쓰고 있기 때문입니다. 위의 에러를 해결하기 위해선 해당 PID를 종료한 뒤에 다시 재실행하면 됩니다. 터미널창을 열고 아래와 같이 실행합니다 lsof -i :[포트번호] ex) lsof -i :9020 그럼 위와 같이 현재 실행 중인 프로세스의 포트 번호가 확인됩니다. 그럼 아래와 같이 명령어를 입력해 줍니다. kill -9 [포트번호] ex) kill -9 1234 주의할 점 PID는 독립적인 고유 번호입니다 다른 PID를 적지 않게 최대한 복사 붙여 넣기를 사용하세요!!!!! 위와 같이 출력되면 정상입니다. 그리고 다시 프로세스를 실행하면 Web server f..

Vue.js를 설치하는 방법은 다음과 같습니다 1. Node.js설치 Vue.js를 사용하기 위해서는 먼저 Node.js가 설치되어 있어야 합니다. Node.js는 Vue 개발 환경에서 필요한 패키지 및 도구를 관리하는 데 사용합니다 Node.js의 공식 웹사이트 (Node.js (nodejs.org))에서 다운받을수 있습니다. 2.Node.js 설치확인 Node 다운로드는 최신 버전보다 LTS 버전을 사용하는 것이 좋습니다. 이유는 안전성과 신뢰성, 보안 업데이트, 호환성, 커뮤니티 지원 등의 이유가 있습니다. 그리고 버전이 많이 낮은 12번대의 Node.js를 사용할 시 es6의 신 문법등의 제약이 걸리게 됩니다. Node.js 가 설치 됐다면 터미널에 명령어를 입력합니다. node -v 위와 같이 ..

리눅스 에서 많이 사용되는 필수 명령어 및 명령어 조합 중 일부를 알려드리겠습니다. 이 명령어들은 기본적인 리눅스 명령어 입니다. ls: 디렉토리 내의 파일과 디렉토리 목록을 보여줍니다. cd: 디렉토리를 변경합니다. pwd: 현재 작업 중인 디렉토리의 경로를 표시합니다. mkdir: 디렉토리를 생성합니다. rmdir: 디렉토리를 삭제합니다. cp: 파일 또는 디렉토리를 복사합니다. mv: 파일 또는 디렉토리를 이동하거나 이름을 변경합니다. rm: 파일 또는 디렉토리를 삭제합니다. cat: 파일의 내용을 표시하거나 파일을 합칩니다. less: 파일의 내용을 페이지별로 보여줍니다. grep: 파일 내에서 패턴을 검색합니다. find: 파일 시스템에서 파일을 검색합니다. chmod: 파일 또는 디렉토리의 퍼..

Vue.js를 설치하는 방법은 다음과 같습니다 1. Node.js설치 Vue.js를 사용하기 위해서는 먼저 Node.js가 설치되어 있어야 합니다. Node.js는 Vue 개발 환경에서 필요한 패키지 및 도구를 관리하는 데 사용합니다 Node.js의 공식 웹사이트 (Node.js (nodejs.org))에서 다운받을수 있습니다. 2.Node.js 설치확인 Node 다운로드는 최신 버전보다 LTS 버전을 사용하는 것이 좋습니다. 이유는 안전성과 신뢰성, 보안 업데이트, 호환성, 커뮤니티 지원 등의 이유가 있습니다. 그리고 버전이 많이 낮은 12번대의 Node.js를 사용할 시 es6의 신 문법등의 제약이 걸리게 됩니다. Node.js 가 설치 됐다면 터미널에 명령어를 입력합니다. node -v 위와 같이 ..