4월 11일 ~ 18일 한 주 회고 어제(17일) 올렸어야 했는데 깜빡해서 오늘 올리는 한 주 회고. 학습한 것 HTML/CSS Grid에 대한 것. 다만 연습이 더 필요하다. 네이버의 주문페이지를 클론코딩 해보며 Sass를 접해보고 있다. Sass로 css를 만들어 나가는 과정에서 컴포넌트를 쪼개본다거나, flex에 좀 더 익숙해 지고 있다. JS 배열의 다양한 메서드를 써보고 있다. 모던 자바스크립트 딥다이브를 조금씩 읽고있다. 현재는 함수 챕터. 자료구조/알고리즘 알고리즘의 복잡도에 대해 배웠다. 기초적인 문제들을 조금씩 풀어나가고 있다. 느낀점 알고리즘은 예상했지만 생각보다 어렵다. 공부시간은 6시간 내외인데 좀 더 늘릴 수 있도록 해봐야겠다. 글을 쓰는 것이든, 코딩을 하든 내 방식대로 해가는 ..

문제 조카가 나무 그리기를 어려워 하고 있다. 어린 조카를 위해 나무를 그려주는 프로그램을 만들어주자. 자연수를 높이로 입력 받고 대칭형 형태로 나무 문자열을 만들어 반환한다. 각 행 별로 개행 문자(\n)를 넣어주면서 *을 찍으며 출력값 형태로 나무를 그려준다. 입력값 3,5,7 출력값 👩‍💻 풀어보기 function answer(height) { let str = '\n'; for (let i = 0; i < height; i++) { str += ' '.repeat(height - i - 1) + '*'.repeat(2 * i + 1) + '\n'; } return str; } 먼저 위 사진과 같이 공백부분과 *이 찍히는 부분을 나누어 생각해야 한다. 공백은 높이가 5일 때 4부터 순차적으로 줄어들..

블로그를 새롭게 정리하며 많지는 않았지만, 100여개가 넘는 기록용 포스팅을 그간 해왔었다. 작년과 올초를 거쳐서 일련의 사건들을 겪으며 이런 저런 생각이 많았다. 그간의 생각들을 구구절절 늘어놓을 수는 없지만, 결론은 '아무래도 재정비하는게 좋겠다'였다. 그래서 몇몇 포스팅만 남기고 모두 비공개로 돌렸다. 앞으로의 계획 사실 그간 대부분의 포스팅들은 배운 정보를 정리하고 나열하는 식이라 시간과 정성을 들였다고 할 순 없겠다. 앞으로는 글쓰는 역량도 길러볼겸, 좀 더 정성들인 글로 적어보고자 한다. 물론 아직 경험이 부족하니 부족한 것이 당연하다! 완벽하지는 못하더라도 소중한 기록이 될 수 있도록 쓸 생각이다. 회고록도 짬짬히 써봐야겠다. 무언가 쓰는 행위를 좋아하는 만큼, 꾸준히 해보는 것이 목표!

문제 일터에 나갔던 난쟁이 9명이 와서는 모두 자기가 일곱 난쟁이중 하나라고 우기고 있다. 모든 난쟁이의 가슴에는 숫자가 표시된 배지가 있는데, 다행히도 일곱 난쟁이의 배지에 표시된 숫자의 합이 100이라는 단서로 일곱 난쟁이를 분별할 수 있다. 일곱 난쟁이를 분별하는 프로그램을 작성하시오. 배지 값은 100이하 자연수로 들어오며, 일곱 난쟁이의 배지 값을 기존 순서대로 배열에 넣어 반환한다. ++ 단, 2명을 제외해서 100이 나올 수 있는 경우의 수는 1개 뿐이다. 👩‍💻 풀어보기 function answer(dwarf) { let result = []; let sum = dwarf.reduce(function (prev, curr) { return prev + curr; }); sum -= 100;..

문제 수열이 주어질 때, 이중 두 개의 수를 선택하여 최대 합이 나올 수 있도록 프로그램을 제작하라. 입력은 정수로 된 배열을 받고, 최대 합이 나올 수 있는 두 수를 배열 형태로 반환한다. 배열로 입력되는 정수는 10 ~ 20개 사이이며, 정수의 범위는 -20 ~ +20 사이의 값이 입력된다. 입력값 [-11, 5, 18, -2, -3, 6, 4, 17, 10, 9] [3, 7, -14, 2, -6, 13, -20, -2, -7, 6, -17, -5, 14, -9, 19] [-15, -4, -8, 12, 12, -8, -8, 9, 10, 15, -2, 10, -14, 2, 13, 19, -9, 3, -18, 14] 출력값 #1 [18, 17] #2 [19, 14] #3 [19, 15] 👩‍💻 풀어보기 ..

문제 오래된 창고에서 체스판과 체스 기물을 발견했다. 불행히도 기물별 개수가 부족하거나 많아, 완전한 한 세트를 이루고 있지 못하고 있어 보인다. 게임을 하기 위해 부족하거나 많은 기물의 개수를 계산하여 반환하는 프로그램을 제작하시오. 기물의 개수는 배열 형태로 아래와 같이 king부터 pawns 순으로 들어오며 한 게임을 하기 위해 필요한 기물의 개수는 아래와 같다. 순서 및 기물 필요 개수: king(1), queen(1), rooks(2), bishops(2), knights(2), pawns(8) 입력값 [0,1,2,2,2,7] [2,1,2,1,2,1] [0,1,1,5,3,6] 출력값 #1 [1,0,0,0,0,1] #2 [-1,0,0,1,0,7] #3 [1,0,1,-3,1,2] 👩‍💻 풀어보기 f..

문제 수열이 주어질 때, 이 수열의 있는 수 중 최소값의 위치를 모두 출력하는 프로그램을 작성하시오. 입력은 자연수로 된 배열을 받고, 시작 위치는 0으로 계산하여 최소값의 위치를 배열로 반환한다. 모든 수는 100이하의 자연수로 입력받는다. 입력값 [5, 2, 10, 2] [4, 5, 7, 4, 8] [12, 11, 11, 16, 11, 12] 출력값 #1 [1, 3] #2 [0, 3] #3 [1, 2, 4] 👩‍💻 풀어보기 function answer(nums) { let result = []; let min = nums[0]; for (let i = 0; i nums[i]) { min = nums[i]; } } for (let i = 0; i

Grid Garden CSS의 레이아웃을 지정하는 속성 중 하나인 Grid에 대해서 공부하게 되었다. Flex에 비해 2차원으로 속성을 나열할 수 있다는 것이 매력적인 것 같다. 아직 제대로 쓰기엔 헷갈리는 부분이 많아 연습할 수 있는 사이트가 있지 않을까 해서 찾아보았다. https://cssgridgarden.com/#ko Grid Garden A game for learning CSS grid layout cssgridgarden.com 귀여운 그래픽의 사이트 발견~ 🤸‍♀️ 밭에 심겨진 당근에 물을 주거나 잡초를 없애는 스토리를 가지고 있다. 총 28단계! 예전에 Flex도 저 곳에서 연습했었는데 같은 시리즈 같다. (Flex는 연꽃 위의 개구리) Flex는 영어로 진행했었는데 친절하게도 한국어 ..

소스트리로 깃 원격 저장소에 push 하려다 에러가 발생했다. 내용을 대강 보니 작년에 만들었던 personal access token이 문제인 것 같다. 깃에서는 작년 여름쯤부터 보안상의 문제로 더이상 패스워드 기반의 인증을 지원하지 않고 있다. 이미 앞서서 위와 같은 모달창이 계속 떠서 파일을 몇개 삭제했는데 뜬 에러였다. 토큰 새로 생성하기 토큰을 다시 생성하기 위해 깃허브에서 설정 부분에 들어간다. 제일 하단의 Developer Settings 에 들어가면 Personal access tokens 로 갈 수 있다. Generate new token 버튼을 통해 새로운 토큰을 만들어야 한다. 적당한 이름을 만들어주고, 다른 블로그에서 보니 소스트리에 사용할 정도라면 repo만 체크해도 충분하다고 한..