본문 바로가기

study/Challenge

(35)
패스트캠퍼스 JavaScript 코딩테스트 131개 예제 & CS지식으로 끝내기 코딩테스트 강의 한 달 후기 이번 챌린지 요약: 1. 제대로 시작하는 알고리즘 2. 제대로 시작하는 백준 #1 제대로 시작하는 알고리즘 사실 이번 챌린지를 시작하기 전에는 동빈나가 누구인지 잘 몰랐다. 부트캠프를 처음 시작할 때, 알고리즘을 잘해서 코딩테스트로 대기업에 붙겠다고 당당하게 외쳤지만... 막상 부트캠프 커리큘럼을 따라가다보니 알고리즘 공부는 뒷전이 되었고 초반에 중위권정는 된다고 생각했는데 갈수록 부트캠프에서도 하위권인 실력이 되어버렸다. 그래서 기본적인 코딩테스트에 대해서도 걱정해야하는 수준이 되었고, 네이버 공채를 당당히(?) 지원했지만 코딩테스트를 단 한 문제도 답안을 완성하지 못했고 두 문제는 접근법 자체가 어렵게 느껴졌다. 트리를 쓰면 될 것 같은데 뭘 쓰면 될 것 같은데같은 피상적인 아이디어만 떠오르고 제대로..
패스트캠퍼스 JavaScript 코딩테스트 131개 예제 & CS지식으로 끝내기 강의 4주차 오늘의 요약: 1. 배열 정복 2. 오늘도 평화로운 백준..문제풀이 #1 배열문제 오늘의 문제 주제는 배열을 활용하는 문제들에 대한 풀이이다. 그런데 첫 문제부터 런타임오류와 틀렸습니다가 나를 괴롭힌다. 10818번 - 최소, 최대 #2 오늘도 평화로운.. 첫문제부터 이렇게 막히면 어떡하냐.. let fs = require('fs') let input = fs.readFileSync('/dev/stdin').toString().split('\n'); let len = Number(input[0]); let arr = input[1].split(' ').map(Number); let min=1000001; let max=-1000001; arr.map(el=>{ if(el < min) min = el; i..
패스트캠퍼스 JavaScript 코딩테스트 131개 예제 & CS지식으로 끝내기 강의 3주차 오늘의 요약: 1. 황당한 SyntaxError 2. 기본 조건문 문제 끝! 3. 반복문 문제 고! 1. 조건문 기본문제 약간의 응용문제 2525번 또다시 발생한 런타임에러로 나를 매우 고생시킨 2525번문제.. 처음에 괜히 쓸데없이 함수를 만들어서 안에 조건문으로 분기를 엄청 하다가 } 닫는 중괄호를 남겨두고 계속 제출을해서 SyntaxError가 계속해서 발생하였다. 한가지 느낀점은..!! 강의 제목이 조건문 문제풀이인데 꼭 if,else,else if 조건문들을 사용해서 문제를 풀어야하는 것이 아니라는 것이다. 알고리즘 문제를 풀 때 틀에박힌 사고를 한다고 생각되어서 내 자신이 너무 아쉬웠다. 분으로 전부 전환하여 하루를 초과하는지 조건문을 굳이 쓰지않고 처리할 수 있는 부분이 배울점이 많은 문제였..
패스트캠퍼스 JavaScript 코딩테스트 131개 예제 & CS지식으로 끝내기 강의 2주차 오늘의 기록: 입출력에 이제 적응하고 조금은 난이도 있는 문제에 도전해보고자 한다. 1. 기본적인 사칙연산부터 나를 당황하게 만든 1001번문제.. 기존의 내 풀이는 다음과 같다. let fs = require('fs'); let input = fs.readFileSync('/dev/stdin').toString().split(''); let number = Number(input); console.log(number[0]-number[1]); 이렇게 하니 틀렸습니다! 하고 나온다... 분명 A+B와 사칙연산 부호만 다르고 다 똑같이 작성한건데.. 그래서 블로그를 참고해서 조금 수정했더니 런타임 오류가 나와버린다. 이건 변수를 끝까지 안바꾼 내 잘못이 맞고,, 다음과 같은 코드도 정답이 틀렸다고 나와서 ..
패스트캠퍼스 JavaScript 코딩테스트 131개 예제 & CS지식으로 끝내기 강의 1주차 오늘의 기록: 알고리즘에 너무 약한 것 같아서 얼마전에 구입한 강의에 대한 리뷰를 작성해보고자 한다. 요즘 프로젝트를 하느라 바쁘다는 핑계로 알고리즘 공부에 너무 소홀히했는데... 이번 챌린지를 계기로 다시 조금씩이라도 꾸준히 학습할 수 있도록 하겠다. 1. 백준 문제 입/출력 프로그래머스의 경우 입력값이 알아서 변수에 담겨서 주어지기 때문에 입/출력 값 설정하는 문제가 없었다. 그러나, 백준 문제같은 경우 입력값을 특정 파일에 담아서 넘겨주기만 하기 때문에 그 값을 읽어오는 것부터 문제풀이의 시작이었다. 이전에 혼자 찾아보다가 번거롭게 느껴져서 프로그래머스를 풀만큼 풀고 넘어와야지라고 생각만하다가 이번에 문제번호로 백준문제를 중심으로 강의가 진행되어서 입/출력을 제대로 하는 것부터 공부하기로 하였다. ..
[Challenge / day-30] 컴포넌트 만들기 - 그룹생성 컴포넌트 오늘의 공부범위 : 51강 내용(Part4. ch3. 1강) 오늘은 드디어 제대로 컴포넌트를 만드는 시간이다. 모든 컴포넌트를 테스트 환경부터 세팅하고 시작한다. 레츠고!! 목차 1. 컴포넌트 UI테스트 환경 세팅 가장 먼저 렌딩페이지에 해당하는 Create Group 페이지의 작동여부를 검사하는 파일을 만들기 위해서 CreateGroup.spec.jsx를 생성하고, Jest를 이용해서 UI component가 원하는 기능대로 동작하는지 검사하는 코드를 짠다. 위와 같이 세팅을 해주고, describe 안에 test를 각각 나누어서 진행한다. 가장 먼저, 컴포넌트가 제대로 렌더링 되는지 테스트하는 코드를 세팅한다. input창과 save button 두 가지가 제대로 렌더링 되는지 테스트해주고 싶어 코드..
[Challenge / day-29] CSS flex 오늘의 공부범위 : 50강 내용(Part4. ch2. 3강) 오늘은 CSS flex 익숙한 개념이지만 한 번도 마스터를 했다!!라는 기분이 든 적이 없었는데 해당파트를 제대로 공부해보는 시간이다!! 딥 다이브~ 레츠고!! 목차 1. CSS flex 개념 2. CSS flex 적용해보기 #1. CSS flex 개념 (1) CSS flex란? CSS flexbox는 CSS3에서 도입된 웹용 레이아웃 모델 중 하나로, Flexible Box Layout이 원래 용어이고, 줄여서 Flexbox라고 한다. 이 모델은 아이템들을 화면에 맞게 유동적으로 배치하고, 이를 위한 인터페이스 내의 아이템 간 공간 배분 및 정렬 기능을 제공한다. Flexbox는 기본적으로 1차원 레이아웃 모델로 설계되어 있기 때문에, 레이아..
[Challenge / day-28] Bootstrap 레이아웃 오늘의 공부범위 : 49강 내용(Part4. ch1. 4강) 목차 1. 그리드시스템 2. bootstrap 레이아웃 구현 #1. 그리드 시스템 (1) 컬럼그리드 부트스트랩에서는 교육과정에서 배운 것과 같이 12칼럼(웹페이지 기준)을 사용하여 컬럼그리드를 적용한다. 컬럼그리드를 적용할 때 상하 그리드는 어떻게 적용해야하는지 궁금해서 찾아보았는데... 저번에 가볍게 공부한 것보다 조금 더 제대로 공부할 수 있었다. 개인적으로 도움이 된 순서로 링크를 남겨본다. 제대로 모르고 쓰게되면 개념을 모르는 상태에서 감으로 구성하는 것보다 못한 결과물이 나올 수 있으므로... 적용하려면 최소한의 사용방법과 개념은 제대로 숙지하고 사용해야겠다. https://beautifulcss.com/archives/1368 Bea..