에브리 저장소

문제를 풀다가 문자를 정수로 바꾸는 걸 까먹고 안해서 계속 에러가 나는 걸 꽤나 헤맸다. 뒤늦게 숫자가 아스키 코드라는 것을 깨닫고 C++에서 char 데이터형을 int로 변환하는 법을 검색해 보았다. 스택 오버플로우에 쉬운 방법이 있어 기록해 놓는다. '1'의 문자를 int 1로 수정하고 싶다면 아래와 같이 작성할 수 있다. char ch1 = '1'; int num1 = ch1 - '0'; cout

처음 c++로 알고리즘 문제를 풀었을 때 낯설었던 것 중 하나는 vector를 순회해야 할 때였다. 배열처럼 인덱스로 접근하면 편할 텐데, 그것이 안되니 이상하고 어렵게만 느껴졌다. '그럼 배열을 쓰면 되지'라는 생각이 들지만 배열에는 없는 vector의 메서드들이 필요한 순간들이 있어서 vector를 잘 다루는 것이 중요하다고 생각했다. 까먹지 않기 위해 C++에서 vector를 순회하는 방법을 기록한다. 먼저 vector를 순회하기 위해 iterator를 선언해줘야 한다. iterator는 반복자라고 부르기도 하는데, STL 컨테이너의 메모리 주소를 가리킬 때 사용된다. vector의 시작과 끝의 위치를 반환하는 함수인 begin()과 end()를 활용해 아래와 같이 코드를 짜면 vector의 요소들..

문제 대학생 새내기들의 90%는 자신이 반에서 평균은 넘는다고 생각한다. 당신은 그들에게 슬픈 진실을 알려줘야 한다. 입력 첫째 줄에는 테스트 케이스의 개수 C가 주어진다. 둘째 줄부터 각 테스트 케이스마다 학생의 수 N(1 ≤ N ≤ 1000, N은 정수)이 첫 수로 주어지고, 이어서 N명의 점수가 주어진다. 점수는 0보다 크거나 같고, 100보다 작거나 같은 정수이다. 출력 각 케이스마다 한 줄씩 평균을 넘는 학생들의 비율을 반올림하여 소수점 셋째 자리까지 출력한다. 풀이 내용 정리 먼저 vector를 사용해서 각 테스트 케이스마다 점수들을 담았다. for(int i=0; i> score; scores.push_back(score); } 실수한 부분은 scores를 clear 하지 않고 resize만..

리액트 스터디에 참석하며 간단하게 타자연습 앱을 개발했다. https://fed-gren.github.io/Typing-app/ 아직 완전하게 끝낸 건 아니지만 1차 목표까지 기능 구현을 한 시점에서 후기를 작성해본다. 내가 만든 타자연습의 (나름의) 특징이라면 사용자가 직접 연습할 텍스트를 입력한다는 점인데, 평소 다른 타자연습 사이트에서 내가 연습하고자 하는 글을 연습할 수 없는 점이 약간 아쉬웠기 때문에 이 같은 기능을 넣었다. 리액트 공부를 하며 중간중간 무언가를 만들어보고 싶었고 JavaScript30에서 실습한 내용 또한 활용하고 싶었는데 짧은 기간이지만 내가 원하는 걸 만들어보며 복습도 하고 재밌었다. 아직 문제점 및 구현이 안된 기능은 많다. (한글 미지원, 타자 속도 미측정, 탭 불가 등..

[React] create-react-app github pages를 통해 배포하는 방법 오늘 포스팅 내용은 Create-React-App으로 개발한 앱을 github pages를 활용해 배포하는 방법입니다. 프로젝트 개발을 완료한 상태라는 가정 하에 터미널에서 React앱 root폴더로 이동해 yarn build를 입력합니다. 프로젝트 폴더 내부에 build 폴더가 생성됩니다. 완료 후 메시지를 보면 package.json에 아래와 같이 작성하라고 되어있습니다. "homepage" : "http://myname.github.io/myapp", 여기서 myname은 github 닉네임을 작성하면 되고, myapp에는 저장소명을 입력하시면 됩니다.저는 테스트를 위해 아래와 같이 github 저장소를 생성했..

[JavaScript] 정규표현식 - 문자열에 한글 있는지 검사하기 타자연습 앱 구현을 연습하다가 현재 방식에서 한글을 지원하지 못해서 문자열에 한글이 있는 경우를 검사해야했습니다. 정규표현식을 사용하면 간단하므로 정규표현식을 사용하여 문자열 내부에 한글이 있는지 검사하는 방법을 알아보았습니다. RegExp Object자바스크립트의 RegExp라는 생성자는 특정 패턴에 맞는 텍스트를 위한 표현식을 만들어냅니다.생성자를 사용해도 되지만, 리터럴을 사용해도 무방합니다. 1234const re1 = new RegExp('\\w+');const re2 = /\w+/; //re1과 re2는 같습니다.cs test() 메서드RegExp 객체에 test() 내장 메서드가 있습니다. 사용법은 아래와 같습니다. 123c..

[JavaScript] ES6 Arrow function(화살표 함수)에 대해 알아보자!! 안녕하세요. 이번 포스팅은 ES6에서 새롭게 등장한 함수 작성 방식인 Arrow function. 화살표 함수에 대해 알아봅니다. Arrow function (화살표 함수) ES6에서 => 연산자를 사용하여 함수를 생성하는 Arrow function(화살표 함수)가 생겼습니다. Arrow function은 보다 간결하게 구문을 작성할 수 있는 익명 함수입니다. 사용법 //ES6 이전. setTimeout(function() { console.log("1"); }, 1000); //ES6 이후. setTimeout(() => { console.log("2"); }, 2000); 콜백함수의 단점 중 하나로 인자로 들어..

[JavaScript] ES6 템플릿 리터럴에 대해 알아보자!! 안녕하세요. 이번 포스팅은 ES6의 템플릿 리터럴과 활용법에 대해 알아봅니다. Template literals템플릿 리터럴은 내장된 표현식을 허용하는 문자열 리터럴입니다. 템플릿 리터럴은 표현식/문자열 삽입, 여러 줄 문자열, 문자열 형식화, 문자열 태깅 등 다양한 기능을 제공합니다. ES2015 사양명세서에선 template strings라고 불렸습니다. 템플릿 리터럴은 런타임 시점에 일반 자바스크립트 문자열로 처리/변환됩니다.프론트엔드에서는 HTML을 데이터와 결합해서 DOM을 다시 그려야 하는 일이 빈번하기 때문에, 템플릿을 좀 더 쉽게 편집하고 작성해야 할 필요가 있어서, 이러한 기능이 추가되었습니다.(자바스크립트 자체적으로 지원하기..

[JavaScript] ES6 블록 레벨 스코프에 대해 알아보자!! (feat.let, const) 안녕하세요. 이번 포스팅은 ES6에서 새롭게 등장한 자바스크립트 변수 선언 키워드인 let과 const 그리고 이들의 유효범위인 블록 스코프에 대해 알아봅니다. Block level scope (블록 단위 유효범위)블록 단위의 유효범위에 대해 알아보고 블록 단위의 유효범위를 갖는, ES6(ECMAScript2015)에서 새로 등장한 변수 선언 키워드인 let, const에 대해 알아보겠습니다.ES6 이전까진 자바스크립트에는 var라는 변수 키워드밖에 없었습니다. 그래서 현재는 var, let, const 이 세 가지를 변수 선언 키워드로 사용할 수 있습니다. 세 가지를 비교해보면서 블록 레벨 스코프에 대해..

[HTML/CSS] 카드형 UI 만들기 안녕하세요.HTML/CSS를 사용해 간단한 애니메이션이 있는 카드형 UI를 만드는 방법에 대해 알아보겠습니다. 만들고자하는 카드형태는 둥근 모서리를 가지고 이미지 썸네일과 텍스트가 있는 형태입니다.그리고 입체감을 위해 그림자를 넣을겁니다!애니메이션은 마우스를 올려놓고 있으면 살짝 확대해서 보여줄 수 있도록 만들 겁니다. 위에서 말한대로 만들기 위해서 필요한 CSS 속성은 아래와 같습니다. 둥근 모서리 border-radius 그림자 box-shadow 이미지 썸네일 background-image 애니메이션 transition 만들면서 각 속성에 대해 알아보겠습니다.border-radiusborder-radius를 사용하면, 둥근 모서리를 가진 요소를 만들 수 있습니..