1coding 😆

시각 장애인의 웹 페이지 보기 프론트엔드 웹 개발을 하면서 시각 장애인은 웹 페이지를 스크린 리더(예를 들어, Google의 텍스트 음성 변환 엔진)를 통해 컨텐츠의 의미를 파악할 수 있다는 것을 알았다. 예를 들어, 아래와 같이 pagination이 존재한다. 우리는 어떤 페이지에 저런 pagination을 보면 의미를 바로 알 수 가 있다. 하지만 시각 장애인이 pagination을 통해 다른 페이지로 가고 싶다면? 스크린 리더를 통해 저 pagination을 읽으면 가령, "Go to page 1" 또는 "Go to next page"라고 스크린 리더가 음성을 낸다. 어떻게 하면 스크린 리더가 저 내용을 읽을 수 있도록 프론트엔드 개발자가 웹을 개발할 수 있을까? aria-label="시각 장애인을..

깃허브 마크다운 개발자라면 깃허브의 활용이 중요한데, md파일이나 이슈를 작성할 때 마크다운을 활용하여 좀 더 구조적으로 작성할 수 있다. 마크다운에 대해 빠르고 필요한 기능만 배울 수 있는 사이트가 있다. 마크다운 튜토리얼 아래 초록 버튼을 누르면, 첫번째로, 글자 기울임과 굵은 글씨를 표현하는 방법을 알려준다. 쉬운 순서대로 튜토리얼 같이 제공되면서, 실습해볼 수 있는 Textarea를 제공하니 활용하여 배울 수 있다. www.markdowntutorial.com/ Markdown Tutorial Markdown is a way to write content for the web. It’s written in what people like to call “plaintext”, which is exac..

정렬 → 데이터를 특정한 기준에 따라 순서대로 나열하는 것 정렬 알고리즘을 배우고 데이터를 정렬한 후, 다음에 배울 이진 탐색이 가능! (즉, 정렬 알고리즘은 이진 탐색의 전처리 과정) 정렬 알고리즘의 종류 : 선택 / 삽입 / 퀵 / 계수 등 이 카드들을 오름차순으로 정렬해보자. 선택 정렬 → 가장 작은 수를 선택해 맨 앞에 있는 데이터와 바꾸고, 그 다음 작은 수를 선택해 두번째 데이터와 바꾸고... "매번 가장 작은 것을 선택하여 n번째 수와 바꾼다." 가장 작은 수인 0을 맨 앞에 있는 7과 자리를 교체한다. 그 다음 작은 수인 1을 두 번째 수 5와 자리를 교체한다. 그 다음다음 작은 수인 2를 세 번째 수 9와 자리를 교체한다... 이와 같은 방법을 반복하면, 위 그림처럼 마지막 한 수를 마지..

구현? '머릿속에 있는 알고리즘을 소스코드로 바꾸는 과정!' 알고리즘 교재에서는 '구현' 유형을 다루지 않지만, 코딩 테스트를 위해서는 먼저 배울만큼 중요하다. 피지컬이 좋다? → 언어 문법에 능숙하고 타자 속도가 빠른 능력 ex) 스타크래프트 Play → 최고의 전략, BUT 마우스를 빠르게 움직이지 못함... = 최고의 알고리즘, BUT 프로그래밍 언어를 잘 다루지 못함... 완전탐색 : 모든 경우의 수를 주저 없이 다 계산하는 해결 방법 시뮬레이션 : 문제에서 제시한 알고리즘을 한 단계씩 차례대로 직접 수행 → 둘 다 구현이 핵심! 구현 시 고려해야할 메모리 제약 사항 1) 자료형 표현 범위 정수형 → int → 4 Byte 기본 int 자료형의 표현 범위는 -2,147,483,648 ~ 2,147..

알고리즘 공부, 대상은 전공자? 슬슬 취업 준비선에 서서 스타트를 기다리는 졸업 예정 4학년. 일명 '코테'를 위해 이 책을 구매하였다. (eBook으로 구매). 이 책을 반 읽었다. 간단한 총평은, 이 책은 오로지 코딩 테스트를 위한 입문서라고 생각한다. 그저 딱 입문서. 개인적으로 컴퓨터공학 4년제 전공자로써 어렵지 않았지만 그렇다고 해서 유용하지 않았던 것은 아니다. 그래도 전공자 or 비전공자 중 누구에게 가장 효율적이냐? 하면 당연히 '비전공자' 파이썬 뿐만 아니라 다른 언어도 지원 필자는 Python3에도 관심이 있어 코딩 테스트에서 C++과 Python을 사용하여 알고리즘 문제를 해결하는 편이다. 하지만, 주력은 C++이다. 이처럼 Python을 제외한 다른 언어의 소스코드도 지원해주는 것이..

그리디 알고리즘 (=탐욕법) 어떠한 문제를 단순 무식하게, 탐욕적으로 문제를 푸는 알고리즘! → 탐욕적 ? 현재 상황에서 지금 당장 좋은 것만 고르는 방법! 그리디 알고리즘을 이용하면 매 순간 가장 좋아 보이는 것을 선택하며, 현재의 선택이 나중에 미칠 영향에 대해서는 고려하지 않음 그리디 알고리즘 유형 '사전에 외우고 있지 않아도 풀 수 있을 가능성이 높은 문제 유형!' ex) 여러 개의 데이터를 빠르게 정렬해야 하는 문제 → 정렬 라이브러리 사용! 최단 경로를 빠르게 찾아야 하는 문제 → 플로이드 워셜 or 다익스트라 알고리즘 사용! 따라서, 그리디 알고리즘 유형을 대비하기 위해 많은 문제를 푸는게 장땡 (창의력과 아이디어를 요구하는 문제!) → 기준 ? ex) "가장 큰 순서대로" / "가장 작은 ..

위와 같은 오류가 뜨거나, 이항 '

'우아한 테크코스 3기' 지원! 서류 지원 약 2주 동안 서류 지원이 열렸다. 간단한 신상정보와 자신을 표현할 수 있는 포트폴리오, 블로그 같은 것을 작성한다. 그리고 간단한 몇가지 질문에 1000자 내외 작성해야 했다. 전공은? 끝까지 시도해본 경험? 개발자가 왜 되고 싶은가? 이런 부류의 질문들... 질문은 가벼우나, 그 속의 숨은 의미들을 파악하는 것이 쉽지 않다. 온라인 코테 주말에 4시간 동안 코딩 테스트를 치뤄야 한다. 여러 사람들의 예상 난이도는 ★★★☆☆ 나의 체감 난이도는 ★★★★☆... 5문제 정도는 간단한 수학과 그리디 알고리즘 문제, 그리고 문자열 갖고 놀기로 구성되어 있었고, 내가 풀지 못한 2문제는 그래프, 탐색이다. 분명 열심히 했는데 어떻게 적용해야 할지 모르는 코린이 ㅜㅜ ..