본문 바로가기

전체보기335

22.07.12_TIL 📌 어제 배운 내용을 바탕으로 실제 웹 접근성을 고려해보는 과제가 주어졌다. 하면서 이런점이 있으면 몸이 불편하신 분들에게 도움이 될 수 있고, 코드를 보고 '아! 어떤 내용이 담긴 코드이구나!' 라는 것을 알 수 있다는 것을 다시 한번 깨닫는 계기가 되었습니다. 📗 오늘 학습한 내용 alt 속성 속성의 이미지를 보여줄 수 없을 때 해당 이미지를 대체할 텍스트를 명시한다. 느린 네트워크 환경이나 src 속성의 오류, 시각 장애인용 스크린 리더 등을 사용할 때 대체 정보를 제공한다. for 속성 for의 값과 id의 값이 같은 태그를 연결시켜준다. 크롬 플러그인 Screen Reader 웹 페이지의 내용을 읽어주는 플러그인 (alt, label, aria 등을 읽어준다.) 📘 추가로 공부할 내용 [udem.. 2022. 7. 12.
22.07.11_TIL 📌 이제 first프로젝트까지 남은기간은 약 5주이다. 5주동안 정말 내가 프로젝트를 완성할 수 있는지 할 수 있다면 어떤 기능을 구현할 수 있는지 직접 겪어보는 시간이 필요할 것 같다. 기획 → 와이어프레임 → 구현까지의 과정을 한번 해봐야 할 듯 하다. 기능으로는 React Router 설정 및 회원가입, 로그인 구현은 가장 기본적이기 때문에 CRUD프로젝트와는 다르게 다시 해봐야겠다. 📗 오늘 학습한 내용 웹 접근성 누구든지 화면을 볼 수 없거나, 소리를 들을 수 없거나, 마우스 없이 키보드밖에 사용할 수 없는 등 정보 접근에 제한을 받을 수 있는 상황을 해결하고자 노력하는 것이 웹 접근성(Web Accessibility)이다. 웹 접근성을 갖추면 어떤 상황에서도 항상 동등한 수준의 정보를 제공받.. 2022. 7. 11.
[Algorithm] 완전 탐색 완전 탐색? 컴퓨터의 빠른 계산 능력을 이용하여 가능한 경우의 수를 일일이 나열하면서 답을 찾는 방법을 말합니다. 효율성 관점에서는 최악의 방법입니다. '무식하게 답을 찾는다'라고 하여 Brute-Force(브루트 포스)라고도 불립니다. 완전 탐색 기법 완전 탐색 기법을 이용하기 위해서는 여러 알고리즘 기법이 사용된다. 완전 탐색 기법만을 가지고는 알고리즘 문제를 풀기에는 적합하지 않습니다. 주로 사용되는 알고리즘 기법 단순 Brute-Force 알고리즘 기법을 사용하지 않고 단순히 반복문을 통해 답을 구하는 방법입니다. 비트 마스크(Bitmask) 2진수를 이용하는 컴퓨터의 연산을 이용하는 방식입니다. 재귀 함수 재귀 함수를 통해서 문제를 만족하는 경우들을 만들어가는 방식입니다. 무한루프에 빠질 수 있.. 2022. 7. 10.
[React] React 디버깅 리액트 에러 발생 React server를 실행하고 있을 때, 콘솔에서 에러 코드가 나오지만 웹페이지에서도 콘솔창과 동일한 에러 코드가 나옵니다. 에러코드와 함께 해결할 수 있는 방향을 제시해줍니다. 해당 에러 코드 조각과 해결 방안을 통해 프로그램을 디버깅* 할 수 있습니다. 이렇기 때문에 항상 콘솔에 나오는 에러 코드를 확인해야 합니다. 자주 발생하는 에러 JSX 요소 규칙 JSX로 작성한 요소를 하나의 루트 요소로 감싸주어야 합니다. 이때, 쓸모없는 태그로 감싸줄 시 디자인 요소에 방해가 될 수 있습니다. 이것은 React.fragment()를 사용하여 하나의 루트 요소로 감싸주어 에러를 해결할 수 있습니다. 함수명 오타 State를 관리하는 함수를 자주 사용해야 하는 만큼 함수명이 많아짐에 따라 .. 2022. 7. 8.
22.07.08_TIL 📌 웹 표준과 SEO는 개념을 알고 있긴 하지만 살짝 알고 있을 뿐이고 기술 면접에서 자주 나오는 부분이니 열심히 암기해야 하는 학습이다.! 📗 오늘 학습한 내용 인터넷 전 세계적으로 연결되어 있는 컴퓨터 네트워크 통신망 웹 문서, 이미지, 영상 등 다양한 정보를 여러 사람들과 공유할 수 있는 공간 웹 표준 W3C(World Wide Web Consortium)에서 권고하는 '웹에서 표준적으로 사용되는 기술이나 규칙' 사용자가 어떤한 운영체제나 브라우저를 사용하더라도 웹페이지가 동일하게 보이고 정상적으로 작동할 수 있도록 하는 웹 페이지 제작기법 웹 표준에 맞게 웹 페이지를 작성하면 어떤 브라우저를 사용하든 동일한 결과물을 얻을 수 있다. 웹 표준의 장점 유지 보수의 용이성 웹 호환성 확보 검색 효율성 .. 2022. 7. 8.
22.07.07_TIL 📌 어제 배운 내용의 React Redux를 사용한 과제를 다시 한번 복습하는 차원에서 푼다음에 파일의 전체적인 구조에 대해서 페어님과 함께 차근차근 뜯어보는 시간을 가졌습니다. 작은 쇼핑몰에서 물건을 장바구니에 담고 삭제하는 페이지였지만 많은 state와 컴포넌트가 존재하였고 어떻게 하나하나 작은 단위로 컴포넌트를 만들어야 하는지에 대해서 감을 익히는 시간이 되었습니다. 다음에 프로젝트를 하게 된다면 꼭 컴포넌트 분리를 작업 단위로 나눠서 재사용성을 높일 수 있도록 작업을 해야겠다는 마음가짐을 다시 잡는 하루였습니다!! 📗 오늘 학습한 내용 React-Redux Action을 정의하는 과정에서 Dispatch를 사용하여 Action안에서 Reducer를 실행 할 수 있도록 하는 것을 깨달았습니다. 물론.. 2022. 7. 7.

티스토리툴바