1일 1코딩) Programmers Lv1. K번째 수 (정렬)

문제 : https://programmers.co.kr/learn/courses/30/lessons/42748 코드1. slice와 sort만 알면 크게 어려운 건 아닌거같다. splice와 slice의 차이점만 조심하면 될 듯! 다른사람의 코드2. 상위권에 있는 답안인데 다른것보다 배열 구조분해를 하고, filter를 돌려 배열을 채우는게 새로웠당. filter의 인덱스를 활용해 slice처럼 활용하기! (근데 쓸 수 있으면 slice쓰는게 좋다 다른 사람과의 소통이 더 편하니까)

Read more
1일 1코딩) Programmers Lv1. 완주하지 못한 선수

문제: https://programmers.co.kr/learn/courses/30/lessons/42576 코드1. 처음엔 반복문, includes면 금방이겠거니했다. 하지만 동명이인이 있을 수도 있다는 전제로 인해 방법을 찾다가 어차피 value는 한가지 빼고 같을테니 정렬 후 비교하게 로직을 세웠다. find()를 사용한 이유는 완주하지 못한 선수가 한 명이라는 조건으로 가능했다. 인자 함수를 통과하는 첫번째 요소만 반환될테니! 그런데 만약 완주하지 못한 선수가 한 명이 아니라면? 여기서는 생각이 나지 않아 다른 […]

Read more
Javascript array method 간단 정리 – 1

자바스크립트 배열을 유용하게 조작할 수 있는 메소드를 정리해보려고 한다! 출처는 mdn이고, 제목 그대로 간단 정리니까 더 유용한 예는 직접 만들어보면서 찾아보기로! 이번 글에서 다룰 메소드 = [pop, concat, every, fill, filter, find, findIndex, indexOf, includes, flat, forEach, join] # array method pop() : 배열의 마지막 요소를 제거하고 반환 concat() : 인자로 받은 배열이나 값을 기존 […]

Read more
1일 1코딩) Programmers Lv1. 두 개 뽑아서 더하기

문제 : https://programmers.co.kr/learn/courses/30/lessons/68644 코드 1. 내가 푼거 (처음에는 모든 인덱스를 다 돌았다 반성하자!) 코드 2. 어느 배우신 분의 코드 미쳤다 미쳤어! spread operator에다가 new Set 까지.. 오늘의 공부는 이것이다. 느낀점 역시 코딩은 재능인가. 좋은 코드보고 사고하는 법을 많이 배워야겠다.

Read more
1일 1코딩) Programmers Lv1. 크레인 인형뽑기 게임

문제 ) https://programmers.co.kr/learn/courses/30/lessons/64061 코드 1 (내 마음에 드는거) 코드 2) (프로그래머스 컴파일이 픽한 코드) – 왜 이 코드가 픽되었는지 궁금.. 속도가 더 빠른거면 왜 빠른지도…(아시는 분 댓글 주시면 감사하겠습니당) 주변 개발자들에게 조언을 구해야겠다! 느낀 점! 나는 난독이 문제다. 글을 읽고 이해하는 연습부터 해야겠다. 그리고 이해가 안될때는 배열을 그리면서 해보자!

Read more
Next.js에서 SSR(서버사이드 렌더링)적용하기

SSR : SEO 최적화, 초기 구동 속보다 CSR보다 빠름 Next.js는 React기반으로 라우팅과 SSR을 간편하게 적용하기 위해 나온 프레임워크로 SSR이 필요한 페이지는 getServerSideProps를 이용하면 된다. 참고로 getStaticProps, getStaticPaths(였나) 함수도 있는데, 대부분 사용하지 않는다. 정적인 데이터나 화면을 사용할 경우엔 사용해도 된다. 사용하기 store, action, END, axios는 필수로 import한다. req.headers에서 cookie값을 가져와서 axios에 defaults값으로 설정한다. 기존에는 해당 역할을 […]

Read more
2020년 비전공자 정보처리기사 필기/실기 합격후기

면접도 붙고, 입사하기 전에 뭘 정리할까 고민하다가 작년에 본 시험 정리를 하려고한당. 기존엔 블로그가 없어서 다른 블로그에 올렸었는데 이젠 내꺼에도 올려야지! 일단 나는 코로나 때문에 공부 기간이 강제로 길었다. 필기부터 실기까지 거의 8개월… 계속해서 시험이 연기되어서 마음잡느라 힘들었다ㅠ_ㅠ. 그래도 공부 기간이 길어서 그런지 필기랑 실기시험 사이의 텀은 없고 모두 한번에 붙게 되었다. 먼저 느낀 점은 […]

Read more
Next.js에서 styled-components 적용하기 (ssr문제로 style이 적용안될때)

프레임워크 하나를 배울때마다 에러가 빵빵 터진다. 조용히 넘어가는 날들이 없다. Next.js에서 styled-components를 적용하려는데 SSR로 인해 style이 들어가기도 전에 렌더링이 되어버린다. 이럴 때는 일단 설치한다. 루트 디렉터리에 .babelrc를 생성한다. 3. pages에 _document.js를 생성해서 덮어쓴다.(_document.js가 index.hmtl) 해결이다. 진도 나가고 싶다. 오류 그만 터져라

Read more