뭐라도 기억하기 위한 블로그

명령어내용pwd현재 경로 확인ls현재 경로의 파일과 폴더 목록 확인ls -a. 이 붙은 파일 목록 확인cd 폴더명하위 해당 폴더로 이동cd ..상위 폴더로 이동 (이전 폴더로 돌아감)mkdir 폴더명폴더 생성touch 파일명.확장자파일 생성 (touch test.txt)rm 파일명.확장자파일 삭제cat 파일명.확장자파일 내용 확인rmdir 폴더명비어있는 폴더 삭제 (폴더가 비어있지 않으면 삭제가 안됨)rm -r 폴더명파일을 가지고 있는 폴더 삭제mv파일/폴더 이동, 이름 변경history사용한 명령어들 확인clear터미널 정리(삭제)man 명령어 이름명령어 매뉴얼 확인 ex. man clear (빠져나갈때는 q)

맥을 사니 윈도우와 OS가 너무 달라서 헷갈린다...  ✅ 맥에서 터미널 열기 1️⃣ 앱으로 열기맥 초기 모음에(?) 기타라는 앱 폴더를 열면  터미널앱이 있다.이게 윈도우에서는 cmd, 맥에서는 zsh(터미널)    2️⃣ 스포트라이트 검색으로 열기 CMD + 스페이스바 키를 누르면 spotlight 검색창이 뜬다.  검색 인풋에 terminal 또는 터미널 입력   이외의 여러가지 방법이 더 있지만,나는 이정도로만 사용할 것 같다.    ✅ 추가로 터미널 단축키  1️⃣ CMD + N터미널 새창이 열린다.  2️⃣ CMD + T터미널 새탭이 열린다

https://brew.sh/ko/ HomebrewThe Missing Package Manager for macOS (or Linux).brew.sh 사실 뭔지는 아직 잘 모르겠고, 무언가 brew로 패키지 설치를 대비해서 기록해 두는 것,,ㅎ

✅ aria 속성이란?웹, 앱 콘텐츠의 접근성 향상을 위해 사용되는 속성.ARIA 속성은 접근성 트리를 수정 ➡️보조 기술이 사용자에게 콘텐츠를 제공하는 방식을 변경.요소의 실제 기능이나 동작은 바뀌지 않는다.✅ aria의 중요성스크린리더 사용자 지원키보드(tab) 사용자 지원코드 가독성 향상WCAG(Web Content Accessibility Guidelines) 준수 ✅ aria 속성 예시📍 role : 요소의 역할을 정의 X 안내 메세지 선택  📍 aria-label : 요소에 대한 설명 제공메뉴 버튼  📍 aria-hidden : 요소를 보조 기술에서 숨긴다화면 UI에는 그려지지만 스크린 리더에서는 읽지 않는다.포커스가 불필요한 영역에 주로 쓰인다.  📍 aria-expanded :..

✅ 폴더는 크게 node_modules / public / src로 나뉜다.리액트 프로젝트를 처음 생성했을 때의 폴더구조는 대략 이렇다.   📍 node_modules패키지 코드가 존재하는 폴더   📍 public가상 DOM을 구성하는 index.html 파일이 들어있다.이 폴더의 index.html은 마치 알맹이가 없는 껍데기와 같은 파일이랄까...?실제 서버에 배포가 되는 폴더  📍 srcindex.js(typescript의 경우에는 index.tsx) 파일이 들어있는 폴더 index.js 파일은 React 애플리케이션의 중심이며, 애플리케이션을 실제 DOM에 렌더링하는 역할을 함. ✅ 폴더 이외의 파일  📍 package-lock.json작업자가 따로 관리할 필요가 없다. (npm 또는 ya..

✅ VSCode 실행하기이제 VSCode를 열어서 해당 폴더 경로를 terminal로 들어가기이때,  terminal은 Git Bash로 설정해준다.    클론 후 제일 먼저 할 건 npm install근데 설치가 안된다...?그건 바로 node를 설치하지 않았기 때문  ✅ Node.js 설치 Node.js — Run JavaScript EverywhereNode.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine.nodejs.org  위의 사이트에서 node.js를 설치한 뒤 터미널에 다시 npm install을 실행시키면 설치가 진행된다.   옆에 이 node_modules 디렉토리가 생성되면 설치가 잘 되고 있는것.  ✅ npm s..

📌 토이프로젝트 기록회사다니고 노느냐고 바빠서 잊고있었던 나만의 토이프로젝트 재시작!반년 사이 노트북을 포맷했기 때문에 깃에 커밋해놓았던 코드들을 다시 풀받아야하는 상황!  일단 나는 git bash를 유용하게 사용하고 있기 때문에, 초기화 된 컴퓨터에 git bash부터 다시 깔아주었다. [React clone coding] #1. gitlab 설치 및 연결 / SSH Key 생성하기📌 토이프로젝트 기록리액트로 스타벅스 사이렌 오더 클론코딩 하기본 프로젝트는 학습을 위해 스타벅스 사이렌 오더 어플을 리액트로 재구성 한 것입니다.  ✅ GitLab 계정 만들기 The most-comprs-notee.tistory.com ✅ 내 로컬에 레포지토리를 pull 받을 폴더를 생성- 나는 대충 c드라이브에 p..

ios처럼 android도 하단에 자막패널 나오게 설정하기 가능하다.안드로이드가 ios보다 절차가 살짝 더 복잡한듯...✅ AOS TalkBack 하단에 자막패널 성절하기 1. [설정] 앱에 들어간다. 2. [접근성] 메뉴로 이동3. [TalkBack] 메뉴로 이동4. TalkBack 페이지에서 [설정] 메뉴로 이동 5. 하단에 있는 [고급 설정] 메뉴로 이동 6. [개발자 설정] 메뉴로 이동 7. [음성 출력 표시] 스위치 활성화   📍 음성출력 표시 스위치를 활성화 시키면 아래와 같이 토크백이 실행 될때 자막 패널이 하단에 나타나는걸 확인 할 수 있다.

테스트를 하다보면 일일이 설정에 들어가서 토크백 (talkback)을 껐다켰다 하기 엄청 번거롭다. 이번에는 안드로이드 접근성 관련해서 간편하게 단축키 또는 간편 아이콘 버튼으로 설정하는 방법!(사실 매번 내가 까먹어서 정리함...)   ✅ AOS Talkback 간편 아이콘 버튼으로 설정하기 1. [설정앱] 들어가기   2. [접근성] 목록 선택    3. [고급 설정] 목록 선택  4. [접근성 버튼] 목록 선택  5. 접근성 버튼에서 [내비게이션 바] 옵션을 선택하면 제일 화면 하단 네비게이션 바에 talkback (토크백) 아이콘이 생기고,[다른 앱 위에 표시] 옵션을 선택하면 우측 하단 사이드에 아이콘 버튼이 생긴다.해당 버튼들을 누르면 토크백이 자동 실행된다.    ✅ AOS Talkback ..

접근성 테스트를 할때, 스크린 리더기가 뭐라고 읽히는지 잘 안들릴 때가 종종 있다. (나는 오로지 테스터의 마인드... ) 그럴 때 설정하기 좋은 VoiceOver 자막 패널 설정하기 ✅ iOS VoiceOver 하단에 자막패널 성절하기 1. [설정] 앱 실행 2. [손쉬운 사용] 목록 탭 3. [VoiceOver] 메뉴 탭 4. [재막 패널] 활성화 자막패널을 활성화 시키면 보이스오버 실행시 하단에 보이스 오버 음성이 자막으로 나타난다.