접근성 주의해야 할 점
·
👩🏻‍💻STUDY/웹접근성
웹접근성 프로젝트를 하면서 새롭게 알았던 점, 의외였던 점이 많았다.왜 이렇게 까지 해야 할까 라는 의구심이 들수도 있지만 직접 경험해보면 이해와 납득이 되는 점이 많았다.접근성은 프로젝트마다 검수방법이 조금씩 다르다고 하던데 이 글을 읽고 '이런게 있고 유의해야 겠다' 라는 생각으로 보았으면 좋겠다✍️✍️  (1) 헤딩태그`h1` : 로고링크 영역`h2~h3` : 컨텐츠 타이틀시각장애인 사용성을 고려했을 때 `h1`태그는 대부분 "홈"으로 인식해 로고로 사용한다.단, SEO 위해 `h1`을 로고가 아닌 본문 타이틀로 하는 경우도 있다. (2) 이미지 alt`` 에서 이미지 설명 부분인 `alt`는 200자 넘어가면 스크린리더 사용자가 내용을 인지하기가 어렵다고 한다.이를 대체텍스트(blind) http..
[Gulp] 시작하기
·
👩🏻‍💻STUDY/Gulp
gulp 빌드 도구를 사용해 작업하는 중에 스스로 세팅 작업을 시작해보는게 좋을 것 같아 시작하게 되었다.생각보다 세팅하는데 시간이 좀 걸렸다😂 그래도 gulp에 대해서 깊게 알아보는 시간이 되었다. Gulp 란nodejs와 npm 기반의 웹 개발을 위한 프로세스 자동화 도구 중 하나이다.주로 퍼블리싱 작업에 사용되며 HTML, CSS, JavaScript 파일을 자동으로 컴파일하거나 최적화하고, 파일 변경을 감지하여 브라우저를 새로고침하거나 라이브 리로드를 제공한다. gulp는 *stream(스트림)기반의 build system 이다.또한 node.js와 gulp의 특징인 이벤트 루프와 *비동기I/O를 기반으로 gulp가 작업(task)을 처리한다. *stream이란?- 데이터를 '조각단위' 로 처리..
[React] 다시 공부 시작!
·
👩🏻‍💻STUDY/React
맨날 깔짝깔짝 대기만 하다가 그나마 했던 것도 다시 잊어버릴 거 같아서 시작해보려고 한다...!🔥🔥🔥🔥 한시간만이라도 앉아서 이것저것 찾아보고 준비해야지 ⭐⭐⭐⭐리액트 뿐만 아니라 자바스크립트나 ui구현도 하나씩 해보자⭐⭐⭐⭐
[vscode] 오늘날짜 단축키 넣기
·
🌈etc
주석을 달 때 수정사항으로 오늘 날짜를 넣는 경우가 많다.단축키를 사용하여 오늘 날짜를 넣어 보자. 순서vscode에서 Preferences: Open Keyboard Shortcuts (JSON) 선택.ctrl + shift + , 또는 F1 맥은 ⌘Command + ⇧Shift + PPreferences: Open Keyboard Shortcuts (JSON) 검색keybindings.json 안에 아래 코드 넣기[ { "key": "ctrl+t", // 단축키 지정 "command": "editor.action.insertSnippet", "when": "editorTextFocus", "args": { "snippet": "$C..
swiper 사용법
·
🌈etc
웹서치하다가 swiper demo 참고용으로 보기 좋아서 업로드해본다. 참고 웹사이트https://b-risk.jp/blog/2022/04/swiper/ 【最新】Swiperの使い方・カスタマイズを解説!サンプルやオプション15個付き ー基礎から応用Webサイトのコーディングをするなら必修とも言えるスライダー。 スライダー実装用のJSプラグインはいろいろありb-risk.jp
[Git] 저장소에 따른 글로벌, 로컬 유저 변경하기
·
👩🏻‍💻STUDY/Git
전체(global)와 해당 프로젝트(local)에 맞는 사용자 이름, 이메일을 설정과 수정, 삭제를 알아보자. 먼저 등록된 이름, 이메일 확인 전체확인 $git config --list 이름, 이메일 확인 $git config user.name $git config user.email git global (전체) 해당 터미널 전체적으로 쓸 git account 설정 및 수정 $git config --global user.name "설정할이름" $git config --global user.email "설정할이메일" git local (해당 프로젝트) 해당 프로젝트에서만 적용할 git account 설정(다른 계정의 저장소를 써야 하는 경우) 및 수정 지정할 저장소로 이동 후 터미널에 아래 명령어 입력 $..
[VScode] VScode 단축키 모음 사이트
·
🌈etc
https://inpa.tistory.com/entry/VS-Code-%E2%8F%B1%EF%B8%8F-%EC%9C%A0%EC%9A%A9%ED%95%9C-%EB%8B%A8%EC%B6%95%ED%82%A4-%EC%A0%95%EB%A6%AC 💽 유용한 VSCode 단축키 모음 - 개발을 누구보다 빠르게VSCode 유용한 단축키 모음 개발(코딩) 하는데 있어 적당히 타이핑하면 되지 굳이 단축키(shortcut)를 익혀야 하나 싶겠지만, 단축키를 아냐 모르냐 유무에 따라 개발 생산성 차이가 어마어마 해진다inpa.tistory.com 업무할 때 유용한 단축키 모음 설명글이다.필수는 아니지만 알아야 업무 효율성이 높아진다😭 내가 익숙해져야 할 단축키들1. ctrl + D : 같은 단어 하나씩 선택(밑으로 하나..
2023년 8월을 앞두고
·
🥰 일상
블로그를 오랜만에 방문하고 글을 써보는 것 같다. 그동안 회사일이니, 집안일이니 등등 바쁘다는 핑계로 블로그에 글을 올리지 않았다. 사실 공부가 하기 싫었다. 블로그를 개설한 이유는 열심히 공부한 것을 기록하고자 했지만 지금 몇개월째 내 블로그는 텅 비어있다ㅎㅎ... 회사일도 바쁘고 이사도 해야되고 그와중에 경력정리까지 하려니 마음이 조급해서 아무것도 하기 싫은 거같다. 이럴때는 어떻게 해야되는건지 생각하다가도 이내 이것마저도 생각하기가 싫어 내려놓는다. 지금은 하는 프로젝트를 잘 마무리할 때.. 인 것 같다. 마무리를 하고 이사준비를 하고 정리할거 다 다음 차근차근 해결해야지 또 걱정인 것은 경력 3년을 앞두고 있는 요즘 내가 무얼했나 싶기도하다. 배운건 많은 거같은데 막상 정리하고자 하면 별거 아닌 ..