본문 바로가기

전체 글344

[프론트엔드][개발환경]웹팩 & 웹팩 보일러 플레이트 예전에 프론트엔드 개발을 공부할 때 기본적인 html, css, js 등 퍼블리싱부터 이전의 웹 컴포넌트 전의 웹 개발 방식부터 공부했다. 그러다가 리액트, 뷰 등의 모던 웹 개발을 접하면서 기존 웹개발의 경우 html 파일(jsp, php)을 기준으로 js, css 파일 별로 구분을 해서 너저분하게 개발을 하는데 반해 모던 웹개발의 경우 웹 컴포넌트 단위로 쪼개서 깔끔하게 개발을 하는 점에서 코드 재활용성, 코드 품질 향상 및 의존성 관리 등의 점에서 큰 매리트를 느끼게 되었다. 그로 인해서 리액트와 뷰를 공부하기 시작했으나 뷰나 리액트를 제네레이터(vue-cli, create-react-app)로 세팅하는 게 아닌 cdn 방식으로 개발을 하면 기존 웹 개발과 차이가 사실상 거의 없었고 내가 좋다고 느.. 2021. 11. 15.
프로그래머스 2레벨 끝! 코딩테스트를 위해서 프로그래머스 1레벨부터 3레벨까지 모든 문제 푸는 챌린지를 시작한게 8월 7일이고 1레벨 문제를 다 풀었을 시점이 8월 23일(약 2주)이니 8월 23일 부터 11월 15일까지 자바스크립트 2레벨 문제들을 모두 푸는데 약 3개월의 시간이 걸린 것 같다. 중간 중간 문제가 추가 되긴 했지만 이리도 오래 걸린건 너무 뼈아프다. 몇가지 문제점을 찾자면 1. 알고리즘 문제풀이를 즐기지 않는점(하루 1문제 이상 풀기가 너무 싫었다.) 2. 내가 잘못하는 영역의 알고리즘 문제가 많았던점(그래프 탐색, 플로이드 워셜, 다익스트라 등) 정도 있을거 같다. 1레벨도 나름 소득이 있었지만 2레벨 문제들은 그 난이도가 확실히 1레벨 보다 많이 높았고, 전문적인 알고리즘에 대한 이해나 지식이 없이는 풀기 .. 2021. 11. 15.
[프로그래머스][LEVEL2] 교점에 별 만들기 # 문제 원문 Ax + By + C = 0으로 표현할 수 있는 n개의 직선이 주어질 때, 이 직선의 교점 중 정수 좌표에 별을 그리려 합니다. 예를 들어, 다음과 같은 직선 5개를 2x - y + 4 = 0 -2x - y + 4 = 0 -y + 1 = 0 5x - 8y - 12 = 0 5x + 8y + 12 = 0 좌표 평면 위에 그리면 아래 그림과 같습니다. 이때, 모든 교점의 좌표는 (4, 1), (4, -4), (-4, -4), (-4, 1), (0, 4), (1.5, 1.0), (2.1, -0.19), (0, -1.5), (-2.1, -0.19), (-1.5, 1.0)입니다. 이 중 정수로만 표현되는 좌표는 (4, 1), (4, -4), (-4, -4), (-4, 1), (0, 4)입니다. 만약 .. 2021. 11. 15.
[프로그래머스][LEVEL2] 빛의 경로 사이클 # 문제 원문 각 칸마다 S, L, 또는 R가 써져 있는 격자가 있습니다. 당신은 이 격자에서 빛을 쏘고자 합니다. 이 격자의 각 칸에는 다음과 같은 특이한 성질이 있습니다. 빛이 "S"가 써진 칸에 도달한 경우, 직진합니다. 빛이 "L"이 써진 칸에 도달한 경우, 좌회전을 합니다. 빛이 "R"이 써진 칸에 도달한 경우, 우회전을 합니다. 빛이 격자의 끝을 넘어갈 경우, 반대쪽 끝으로 다시 돌아옵니다. 예를 들어, 빛이 1행에서 행이 줄어드는 방향으로 이동할 경우, 같은 열의 반대쪽 끝 행으로 다시 돌아옵니다. 당신은 이 격자 내에서 빛이 이동할 수 있는 경로 사이클이 몇 개 있고, 각 사이클의 길이가 얼마인지 알고 싶습니다. 경로 사이클이란, 빛이 이동하는 순환 경로를 의미합니다. 격자의 정보를 나타내.. 2021. 11. 15.

티스토리툴바