隣のプログラマー君

실마리는 찾아도 풀지 못하는 나레기.. 평행이면 선들의 기울기가 같을 경우라는거 까진 생각했는데, 1시간 내내 코드로 어캐 만들어낼지가 감이 안잡혀서 그냥 답봤다ㅠ 언젠가는 답 술술 나오면 좋겠다.. 제발.. 문제 설명 점 네 개의 좌표를 담은 이차원 배열 dots가 다음과 같이 매개변수로 주어집니다. [[x1, y1], [x2, y2], [x3, y3], [x4, y4]] 주어진 네 개의 점을 두 개씩 이었을 때, 두 직선이 평행이 되는 경우가 있으면 1을 없으면 0을 return 하도록 solution 함수를 완성해보세요. 제한사항 dots의 길이 = 4 dots의 원소는 [x, y] 형태이며 x, y는 정수입니다. 0 ≤ x, y ≤ 100 서로 다른 두개 이상의 점이 겹치는 경우는 없습니다. 두 ..

정답률 내려가니까 그냥 맛이 갔다. 내 뇌에서 처리가 안된다. 솔루션 찾는 방향 자체가 떠오르지가 않는데 이거 진짜 어떻게 해야하지? 풀이 찾아보니까 배열에 선분 길이만큼 인덱스마다 1씩 더해주고 이게 2이상인 부분들 갯수 구하면 된다고 써둔걸 보니까 바로 아.. 그러네... 응용이 안된다 나는.. 라는 허탈함이 몰려와버린다. 주륵.. 문제 설명 선분 3개가 평행하게 놓여 있습니다. 세 선분의 시작과 끝 좌표가 [[start, end], [start, end], [start, end]] 형태로 들어있는 2차원 배열 lines가 매개변수로 주어질 때, 두 개 이상의 선분이 겹치는 부분의 길이를 return 하도록 solution 함수를 완성해보세요. lines가 [[0, 2], [-3, -1], [-2, ..

이번에 만난 문제가 lv.0 최고 어려운 문제 아닐까...? 정답률 30% 대도 있긴한데 계속 정답률 높은거만 풀어봐서 뭔가 한계에 부딪혀버렸다. 아무리 해도 안돼서 결국 구글링 했는데 진짜 하나하나 다 설정해두고 찾아야하는 거였다. (코테는 편한 길이 없나봐... 내 코드가 아니니 출처 남기고 기록 해둬야지..) 출처 : https://leejams.github.io/%EC%95%88%EC%A0%84%EC%A7%80%EB%8C%80/ function solution(board) { // 위, 아래, 좌, 우, 대각선 칸 확인을 위한 셋팅입니다. const dx = [1, 0, -1, 0, 1, 1, -1, -1]; const dy = [0, 1, 0, -1, 1, -1, 1, -1]; // 정사각형이기..

오늘은 React 에서 빼놓을 수가 없는 상태관리 이야기를 하러왔다. 상태관리라고 하면 처음 리액트를 접하는 사람들 기준에서 글로벌이니 지역이니, redux면 dispatch니 어쩌구 저쩌구, 상당히 많은 어려움을 느끼는데 쉽게 한번 정리해보려고 한다. 0. 전역? 지역? React 초심자 기준 이게 진짜 어지러운데, 상태관리 라이브러리를 쓰는 이유는 전역상태를 잘 관리하기 위함이다. 그럼 전역이 뭘까? 쉽게 얘기하면 서버가 전달해준 데이터들을 따로 창고에 박아두고, 필요할때마다 App 전체 컴포넌트에서 자유롭게 꺼내 쓸 수 있도록 하는게 전역이다. 반대로 지역은 굳이 창고에 넣어둘 필요없이 특정컴포넌트만 사용하고 안쓸거다! 라고 하는걸 주로 지역으로 사용한다. 1. useState (가장 기본!) Re..

오랜만에 위기를 맞았다.. 술술 잘풀어나갔는데, 며칠 안풀었다고 그냥 자바스크립트 문법이 기억이 안나버림..(사실 뭐써야할지 감도 못잡음..) 위기를 맞은 문제는 다항식 더하기라고 프로그래머스 lv.0문제 중에 정답률이 낮은 편에 속하는건데 이제 이런거 밖에 안남아서 진짜 큰일이다. 꾸준히 해야겠다. 문제 설명 한 개 이상의 항의 합으로 이루어진 식을 다항식이라고 합니다. 다항식을 계산할 때는 동류항끼리 계산해 정리합니다. 덧셈으로 이루어진 다항식 polynomial이 매개변수로 주어질 때, 동류항끼리 더한 결괏값을 문자열로 return 하도록 solution 함수를 완성해보세요. 같은 식이라면 가장 짧은 수식을 return 합니다. 제한사항 0

React 프로젝트를 만들어봤다면 다들 알겠지만, .js와 .jsx 파일이 공존한다. 물론 타입스크립트를 사용했을 경우에는 .ts 와 .tsx다. 처음 봤을 때는 그냥 직감상으로만 생각했었는데, 컴포넌트를 만들때는 .jsx(.tsx)를 사용하고, 그냥 일반 JavaScript문서를 만들땐 .js(ts)를 만드는 것 정도? 의 차이라고만 생각했지, 정확히 어떤 의미인지 생각해보려고 하지는 않았던 것 같다. 그래서 이번에 정리해두려 한다. 1. JSX (JavaScript XML) const Component = () => { return ( // 요게 JSX )} 제목에서도 알겠지만, jsx는 JavaScript XML 을 줄인 말이다. JavaScript에서 HTML 문법을 사용할 수 있도록 해주는 그런..

2023.04.20 - [Dev/JavaScript] - [JavaScript] Scope & Closure 저번 글에서 React의 컴포넌트 생명주기 이야기를 했었는데, 어찌 됐던 초창기 리액트의 클래스형 컴포넌트와 지금 많이 사용하고 있는 함수형 컴포넌트의 이야기를 안할 수가 없었다. 대부분 주변 개발입문자들의 경우 React를 처음 접하거나, Java를 통해 개발을 해왔던 사람들의 경우에 이 부분에서 이해를 어려워하는 것 같았는데, 이 이야기를 한번 이해하기 쉽도록 해보고자 한다. 1. React의 원래 이름? React Native 라는 것도 있지만, 웹프론트개발자가 주로 사용하게 되는 React의 원래 이름, 즉 React의 풀네임은 뭔가? React.Js다. 뒤에 Js가 붙어있는 것으로 봐선 ..

마지막으로 React에 대해서 쓴게 "하기 전에 알아야한다." 라는 개념으로 쓴 건데 이번부턴 정말 React에 대한 이야기를 해볼까 한다. React가 처음 나왔을 때부터 도입하고 사용했던 사람들은 다 알겠지만, 그땐 함수형 컴포넌트가 아니었다. 기본적으로 Class 형 컴포넌트로 만들었다. 그 때 있었던 개념들이 있는데, 아 물론 지금도 존재한다. 뭐 Mount, UnMount 등등 이런 말들이다. lifeCycle은 Class 내부에 이 컴포넌트가 마운트 되면, 실행하는 함수, 언마운트 되기 전에 실행하는 함수 이런걸 정의해두고 마운트될때부터 언마운트 될때까지 그 과정들을 얘기하는 것인디.. 말이 좀 어렵다. 쉽게 한번 풀어서 설명해보자. 1. Mount? UnMount? 일단 이걸 이야기 하기 전..

REST 를 설명하려다보니 HTTP에 대한 설명이 필요한 것 같아서 정리해왔다. 블로그 제대로 쓰는 것도 쉽지 않구나.. 시작해보자.. 1. 프로토콜...? HTTP란 뭘까? HyperText Transfer Protocol의 줄임말이다. 후벼파보니 더 알 수 없는 말만 있다. 일단 프로토콜을 사전에서 찾아보면 통신규약이다. 더 길긴한데, 그냥 축약하자. 더 다른 의미 없다. 뭐 Transfer 나 Protocol 같은 경우는 일반적인 단어 + 앞에서 설명하였음. 으로 퉁칠 수 있는데 그럼 HyperText는 뭔가? 그냥 대충 말하면 완전멋진초월텍스트다. 기존의 인류 문명은 책이라는 문서양식를 가지고 있었다. 특정방향으로 방향성을 가지고 선이 이어지듯 연결되는 텍스트들의 집합 = 책(선형적인 텍스트) 인..

어제의 글에 이어서 REST API / RESTful API 에 대한 이야기를 해볼까 한다. 1. REST API? 2023.04.26 - [Arch] - [REST] REST REST API는 윗 글에서 설명한 REST 의 규칙을 지켜서 만든 API를 의미한다. 해당 규칙을 적용하면서 또 명확히 제시하는 설계 지침? 같은게 있는데 한번 보도록 하자. 1) URI는 동사보다는 명사를, 대문자보다는 소문자를 사용하여야 한다. 찾아본 예시들이 "동사보다는 명사" 이 부분에 잘 안맞는 것 같은데, "동사보다는 명사" 라는 말보단 특정한 가공 없는 본래의 단어 그대로를 쓰자는 말과 같다고 느껴진다. 예를 들면 run 과 같은 단어를 진행형, 동명사, 3인칭, 과거형 이런 가공 없이 run 그대로 쓴다는 느낌이 ..