본문 바로가기

study

 (52)
패스트캠퍼스 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 두 가지가 제대로 렌더링 되는지 테스트해주고 싶어 코드..
[TIL No.27] 번들링, 웹펙 오늘의 공부 리스트 번들링 웹펙 사이드 프로젝트 30일 챌린지 마지막 포스팅(3월 21일에 발행됩니다) TS 스터디참관 준비(러닝타입스크립트 8,9장 공부 - 지하철 이동 시에 읽긴했는데... 실습 부족) #1 번들링(Bundling) 번들이란, 여러 제품이나, 코드, 프로그램을 묶어서 패키지로 제공하는 행위를 의미한다. 이해하기 쉽게 마트에서 과자를 번들링해서 파는 것과 비슷하게 생각하면 좋다. 그냥 예시로 들려고 했지만, 갑자기 진지하게 더 부연설명을 해보자면... 위 그림에서 소위 불량식품이라 불리던 제품들을 '추억의 과자'라는 컨셉을 구현하고 소비자에게 전달하기 위해서 모아서 판매하므로 이 자체가 번들링이다. 물론 웹 개발 측면에서 번들링이라하면 사용자에게 웹 애플리케이션을 제공하기 위해 여러 코..
[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차원 레이아웃 모델로 설계되어 있기 때문에, 레이아..

티스토리툴바