study
6 posts
NextJS + Typescript + TailwindCSS: Build a Netflix Clone

Luneflix NextJS + Typescript + TailwindCSS 🔗 github https://github.com/yelinz515/luneflix 🔗 배포 사이트 https://luneflix-yelinz515.vercel.app/

December 15, 2022
typescript
blog
study
[프로그래머스] 4주차 스터디 회고

문자열 다루기 기본 문자열 s의 길이가 4 혹은 6이라면, NaN이 배열 안에 없으면 true를 반환한다. 4 길이의 숫자로 시작하고 끝나거나 6길이의 숫자로 시작하고 끝난다면 true를 반환한다. NaN 특징 NaN 특징: NaN은 판별에 주의해야하는데, 따라서 자료구조에서 NaN를 구별해야하는 로직에서는 isNaN() 함수를 사용하는 것이 바람직해보인다.

September 28, 2022
algorithm
blog
study
[프로그래머스] 3주차 스터디 회고

핸드폰 번호 가리기 푸는 방법이 다양하다. 처음 보는 방법이었다. 안에 필요한 개수만큼 ”*“을 넣어주고 시작한다는 뜻이다. 이후에 맨 앞에서 지정한 문자열을 채워서 새로운 문자열을 반환한다. 음양 더하기 메서드로 깔끔하게 작성했다.

September 14, 2022
algorithm
blog
study
[프로그래머스] 1주차 스터디 회고

스터디에서 다른 사람의 코드를 참고하면서 좋았던 부분에 대해 이야기하고자 한다. 하샤드 수 처음 설명듣기 전에 이게 무슨 코드지? 라는 생각이 들었다. ? ? 자바스크립트는 타입 강제 변환이 일어나기 때문에 연산자를 통해 형변환을 일으킬 수 있다는 것이다. 다시 코드를 보면 , x가 12이라고 했을 때 ‘12’으로 만들어 여러 개의 문자열로 나누면 [ ‘1’, ‘2’ ]이 된다. 이후 map함수를 이용해 이 되면서 [ 1, 2 ]가 되고, reduce함수를 통해 더해서 3이 된다. 정리하면, 12 % 3 === 0이기 때문에 true를 반환하게 된다. 다시 봐도 정말 신기한 코드이다. 최대공약수와 최소공배수 gcd함수에서 a가 b보다 크면 작은 수인 b로 나눈 나머지 값을 리턴하고, 아니면 그 반대의 경우로 자기 자신을 호출하였다.

September 07, 2022
algorithm
blog
study
알고리즘 학습 소모임 시작

시작은 달라도 결국 동일선상에 서 있다 6주동안 알고리즘 소모임이 시작된다. 오늘 OT에서 가장 인상깊었던 말이다. 남들보다 늦게 출발했어도 알고리즘 문제를 열심히 풀다보면 결국 빨리 시작한 사람들과 같은 곳에 있을 것이라는 말이다. 1주차 OT 나는 백준 사이트를 처음 사용해보는 것은 아니다. 백준에서는 자바스크립트 언어를 사용하기 위해 node.js 입출력(fs모듈)으로 문제를 풀었었다. 소모임을 참여하게 된 이유 일단 다른 사람들과 함께 알고리즘 문제에 대해 소통할 수 있어서 좋았다. 항상 여러가지 풀이 방법이 존재하는데 다른 사람들은 어떻게 풀었는지, 내 답이 베스트인지 등 생각하지 못했던 방법을 발견할 수 있다. fs모듈을 이용하는 방법 한 줄로 입력을 받을 때 여러 줄로 입력을 받을 때 fs모듈을 이용하는 방법(vscode) 파일을 만들고 문제에서 주어진 예제 입력을 그대로 복사해서 저장한다. 텍스트 파일의 이름은 항상 달라지기 때문에 더 편리한 방법으로 풀 수 있었…

August 23, 2022
algorithm
blog
study
프론트에서 서버에 데이터 요청하기

유투브에서 우연히 영상을 보았다. 직접 server와 client 간의 데이터를 주고받는 법을 배울 수 있었다. server 파일과 client 파일 생성 server 파일 pacakage.json 파일이 생성된다. ✔️ 서버 실행 client 파일 ✔️ react 실행화면 보기 CORS 실제로 데이터베이스가 없을 때 직접 서버를 구축하고 postman을 통해서 데이터를 어떻게 주고 받는지 알 수 있었다. 중간에 server와 client 포트가 달라서 ccess-Control-Allow-Origin 헤더가 요청된 리소스에 없다면서 CORS 정책을 위반해서 나온 에러가 떴다. CORS 정책을 위반하여 서로 다른 출처를 가진 상태에서 무언가를 요청하게 되면 브라우저가 보안 상의 이유로 차단을 해버린다! 해결: CORS 미들웨어 사용하기 위 코드를 추가해주면 된다. 📍 하지만, app.use(cors()) 이런 식으로 하게 되면 모든 출처에서 오는 요청을 허용하는 것이므로 지양하자. 마무…

August 08, 2022
study
blog
Loading script...