Algoroot's space

오늘의 백준 문제는 4673번이다. 이런식의 문제를 푸는 로직에서 종종 막혔던 것 같아 정리해보고자 한다. 두가지 풀이법을 보았는데 1번 풀이는 처음부터 접근하면서 푸는 풀이법이라 이해하는데 있어서 수월했고, 2번 풀이는 1번보다 직관적이고 깔끔한 풀이법인 것 같다. 이번에는 console.log()를 단계별로 출력해보며 누구나 100%이해할 수 있는 풀이법을 적고자 한다. Answer 1. * 정수 n은 1부터 10000까지의 숫자이나, 필자는 콘솔로 출력하기에는 숫자가 너무 많아 임시로 n 의 범위를 10까지로 하고 풀어보았다 . 백준 문제 답안 제출할 때는 i

요즘 노마드 코더로 챌린지를 하면서 백준 문제를 풀고 있다. (푼 문제들은 깃헙에 올린다. https://github.com/AlgoRoots) 어차피 몇 번 더 풀어볼 생각이라 깃 헙에만 올리고 따로 적지는 않으려고 했는데 그날 푼 문제 중 가장 나에게 유용했던 혹은 새로운 것을 많이 알았던 문제는 정리 겸 올리기로 했다. 오늘의 문제는 4344번이다. 문제 대학생 새내기들의 90%는 자신이 반에서 평균은 넘는다고 생각한다. 당신은 그들에게 슬픈 진실을 알려줘야 한다. 입력 첫째 줄에는 테스트 케이스의 개수 C가 주어진다. 둘째 줄부터 각 테스트 케이스마다 학생의 수 N(1 ≤ N ≤ 1000, N은 정수)이 첫 수로 주어지고, 이어서 N명의 점수가 주어진다. 점수는 0보다 크거나 같고, 100보다 작..

엘리님의 브라우저 101이라는 강의를 듣고 있다. 사실 직접해보는 시간을 가지고, 또 강의를 듣는 과정을 반복하니 어려웠던 함수를 선언하고 호출하는 것도 '아 이거구나!' 하는 순간이 왔다. 하지만 class를 이용해 리펙토링하는 과정에서 정말 너무 부족함을 깨달았다. 그 전과는 다른 어려움이랄까.. 항상 하루에 드는 깨달음이 있으면 글을 적는 편인데, 이번에는 그런게 없었고, 계속 '왜 그런 거지?'라는 의문이 들었다. 유튜브에 있는 class와 콜백 함수와 관련해 있는 강의는 다 보았다. 봐도 좀 어려웠지만, 반복해서 보니 이해가 좀 되는 것 같다 싶어 다시 강의를 보면 '왜?'라는 생각이 들었다. 그리고 다시 유투브강의들을 보고, 문법책도 보았다. 주말에 약속이있어 약속 장소를 가는 버스에서도, 자..

아직 토이 프로젝트를 할만한 실력은 아니지만, 그래도 앨리님 유튜브 무료 강의와 애플 코딩 강의를 들으며 추가하고 싶은 기능을 추가하며 만들어보았다. 이것 또한 다 만들어진 것은 아니며 오류를 해결 못한 부분도 있어 추후 업데이트할 예정이나, 우선 나중에 내가 얼마나 성장했는지 기록하기 위해 글을 남긴다. 사용한 이미지는 unplash에서 받은 무료 이미지를 사용하였다. 1. Navigation bar 스크롤 효과 스크롤바를 내리면 bar 컬러와 바뀌고 로고 크기가 살짝 바뀌게 구현했다. 2. 타이포 이펙트 추가 배운 이펙트라 써보고 싶어서 굳이 굳이 타이틀에 넣어봤다.. 나중에 완성되면 뺄 예정 3. 로그인창 구현 이메일, 비밀번호 형식에 안 맞을 시 그에 따른 문구 뜸 이메일 형식 추가 및 비밀번호 ..

쇼핑 리스트를 만들어보았다. 구현하고자 하는 것 은 아래와 같았다. 1. input에 쇼핑 item 넣고 Enter 혹은 아래 버튼을 누르면 쇼핑 목록에 추가된다. 2. input에 구매할 item 개수를 넣어 리스트에 개수도 추가된다. 3.아이콘을 이용해서 item을 삭제할 수 있다. 4. 체크 아이콘을 클릭하면 완료된 리스트로 보인다. ( 글씨에 줄 긋고 연하게, 아이템 박스 배경 없애기, 아이콘 배경 없애기, 아이콘 컬러 어둡게 바꾸기) 5. 삭제한 것을 반영하지 않은 items 개수와, check 아이콘을 클릭하지 않은 남은 items 개수를 상단에 표시한다. 추가로 input에 커서를 자동으로 넣고 스크롤도 items가 들어있는 div안에서 움직이도록 설정해줬다. 구현하고자 했던 것들 중 두 개..

오랜만에 깃헙에 소스 좀 push 하려고 하는데 또 이러네.. 저번에도 마주한 오류 문구라 똑같은 방법으로 했지만 되지 않았다. 그 이후에도 폭풍 구글링으로 여러 방법을 써보았다. 내가 시도해본 방법은 이래와 같다. 1. 원격저장소와 로컬 저장소의 자료가 다를 때 나타날 수 있음 따라서 pull 먼저 하고 다시 진행한다. 2. 강제 push 해본다. git push -u origin +main 이 방법은 조심해야 한다. 강제 push를 하게 되면 로컬에 없고 원격에 있던 자료를 잃게 된다. 그래서 1번 방법으로 해결하는 게 낫다. 3. git파일을 다시 삭제 후 재 진행해본다. 이것 저것 했는데 안되다가 혹시 몰라 push를 master로 했더니 된다.. 읭/? 하지만 github에서는 작년 10월 이..

거의 다 썼는데 지워져서 다시 쓴다... 왜 저장이 안 되었을까요. 어젯밤 Array, for, forEach 관련해 세 문제를 풀었다. 1, 2 번은 결국에는 틀렸어도 근접은 했고, 왜 틀렸는지 알았을 때 깨달음이 한 번에 왔는데, 3번은 이해하는데 시간이 조금 걸렸고, 특히 forEach를 이용한 것은 답지도없고 너무 어려워서 늦은 밤까지 이해하려고 애를 썼다. 문법책을 보니 orEach를 이해하려면 콜백함수의 개념까지 이해해야 한다고 한다. 그래서 더 어려웠지만, 한 시간 넘게 그것만 바라보니까 적어도 이 문제를 완벽히 이해하는데는 성공했다. 오늘은 세 문제를 15분만에 풀고 기분 좋은 아침을 맞이하는 중이다. Q1 Array 안에서 철수를 찾아라. ( find, indexOf 이런 함수들 사용 금..

애플 코딩님의 강의를 듣고 있는데 이 강사님은 jQuery로 작성법을 알려주실 때가 많다. 순수 Javascript를 알고 싶은 나는 강사님이 jQuery로 작성하시면 강의를 잠시 멈추고 Javascript 작성법으로 최대한 찾아 적어놓는다. 덕분에 강의듣는 시간은 느려지긴 했지만, 이 과정이 꼭 필요하다고 생각했다. 재밌기도 하고.. 이번에는 HTML를 자바스크립트에서 동적으로 생성하는 것을 배웠다. 만약 아래의 HTML 코드에서 주석 처리된 부분을 순수 자바스크립트를 사용해 추가시키고 싶다면 어떻게 해야 할까? 상품선택 모자 셔츠 Select the size 1. jQuery 작성법 강사님이 알려주신 jQuery로 작성하면 간단하다. template라는 변수를 만들어 넣을 html 코드를 넣고 app..