유령이 나오는 젤리하우스

Algorithm/Baekjoon

[99클럽 코테 스터디 1일차][백준 11561]징검다리 (파이썬 풀이)

🤔 문제 설명 및 입출력    ✍ 접근 방법 최대한 많은 스탭을 밟으려면 무조건 전에 뛰었던 스탭보다 딱 1만큼 많이 가야한다는 아이디어에는 도달했다.그래서 음 N-1, N-2 .... 1 까지 모두 더하고, 이 값이 N과 같으면 정답으로 하고, N보다 크면 시작점을 1 줄여서 진행해야지~ 라고 생각했는데... 사고를 전개하다보니 뭔가 비효율적이라는 느낌이 들었다. 그리고 이런 일일히 노가다식 덧셈이 딱 N과 맞을꺼라는 보장이 들지 않았다. 좀 더 생각해보니까, 결국 전 스탭보다 1 스탭만큼 더 가는 행마를 어떻게든 우겨넣으면 최대 징검다리 밟은 개수가 된다는 사실을 찾아냈고, 이를 노가다로 다시 찾으려다가? 이분 탐색을 이용해서 찾기로 했다 (NOTE: 정렬된 리스트 내에서 특정 값을 search할때..

Algorithm/Baekjoon

[백준 1072] 게임 (Node.js 풀이)

원문 https://spookyjelly.tistory.com/92 99클럽 코테 스터디 0일차 TIL + [백준 1072]게임 (파이썬 풀이)지정 양식 제목: 99클럽 코테 스터디 0일차 TIL + 오늘의 학습 키워드- 오늘의 학습 키워드- 공부한 내용 본인의 언어로 정리하기- 오늘의 회고  - 어떤 문제가 있었고, 나는 어spookyjelly.tistory.com   원문에서 파이썬 재귀 함수로 구현한걸 그대로 TS로 옮긴게 다이다.이번 문제는 무슨 특별한 언어적 테크닉 (Python과 JS의 차이 극복)을 사용하는 것보다. 백준에서 Node.js input을 받게 하는 방법을 찾는게 더 힘들었다.... 돌아버릴 뻔했네 진짜ㅋㅋㅋㅋㅋ 이런거 보면 JS 알고리즘 연습은 백준보다 프로그래머스가 더 낫다고..

Algorithm/Baekjoon

99클럽 코테 스터디 0일차 TIL + [백준 1072]게임 (파이썬 풀이)

지정 양식 제목: 99클럽 코테 스터디 0일차 TIL + 오늘의 학습 키워드- 오늘의 학습 키워드- 공부한 내용 본인의 언어로 정리하기- 오늘의 회고  - 어떤 문제가 있었고, 나는 어떤 시도를 했는지  - 어떻게 해결했는지  - 무엇을 새롭게 알았는지  - 내일 학습할 것은 무엇인지필수 해시태그: #99클럽 #코딩테스트준비 #개발자취업 #항해99 #TIL   문제링크  https://www.acmicpc.net/problem/1072   🤔 문제 설명 및 입출력 문제김형택은 지금 몰래 Spider Solitaire(스파이더 카드놀이)를 하고 있다. 형택이는 이 게임을 이길 때도 있었지만, 질 때도 있었다. 누군가의 시선이 느껴진 형택이는 게임을 중단하고 코딩을 하기 시작했다. 의심을 피했다고 생각한 ..

웹/React

[Next.js] Data Fetching의 방법들

한 줄 요약 Next.js는 4가지의 Data Fetching을 제공한다. 1. SSR 2. CSR 3. SSG 4. ISR 1. SSR SSR. (Server Side Render)는 말 그대로 서버에서 데이터를 패칭하여 화면을 그린다는 뜻이다. 서버 측에서 화면을 준비할 수 있다는 것은 React와 차별되는 Next만의 큰 장점인 만큼, 공식화된 방법을 통하여서만 수행할 수 있다. 이때 사용하는 함수가 getServerSideProps이다. export async function getServerSideProps() { return { props: { randoms: Math.round(Math.random() * 100) }, }; } export default function Home({ rand..

TIL

(21.11.04) Node.js 요약

작은 지식이라도, 하루에 하나씩. 한 줄 요약 🦄본문 자체가 요약입니다!🦄 본문 Node.js란? 1. 웹 서버란 요청을 처리하고 적절한 결과를 보내주는 프로그램 2. Node.js는 서버나 프레임워크가 아니라, 자바스크립트의 런타임이다. 쉽게 말해서 웹 브라우저 밖에서 자바스크립트 코드를 실행 할 수 있도록 (특히 서버에서) 도와주는 환경이다. 3. Node.js를 사용하면 좋은 서비스 제작할 앱이 리얼타임일 경우 커스터마이징이 많이 필요한 경우 자바스크립트 API를 사용해야할 경우 빠른 실행과 성능이 중요한 경우 4. Node.js의 특징은, 비동기 방식을 이용한다는 것이다. 한 번에 하나씩 순차적으로 일을 해나가는 동기적 방식과는 다르게, 비동기적 방식은 한번에 여러 일을 시작하고 진행한다. 또한,..

TIL

(21.10.27) TS] Type assertion에 관하여

작은 지식이라도, 하루에 하나씩. 한 줄 요약 🦄TypeScript에서는 시스템이 추론 및 분속한 타입 내용을 변경 할 수 있는데, 이를 Type assertion이라고 한다.쉽게 말해, 프로그래머가 내가 이 자료의 타입을 잘 알고 있으니, 토 달지 말라고 선언 해주는 것이다.🦄 **Type Casting라고도 하는데, 이보다는 Type assertion이 더 적합한 표현이다. 일반적으로 캐스팅이라는 말은 실행 시간에 어떤 동작이 일어날 것임을 내포하기 때문이다. 본문 1. 타입 어센션을 하는 방법 : 꺽쇠를 변수 앞에 작성 as foo : 변수 뒤에 붙임 * 용례 var foo:any; var bar = foo // 이제 bar의 타입은 string입니다. var bar2 = foo as Boolean..

TIL

(21.07.19) CRA로 만든 react의 webpack 수정하기 (with CRACO)

작은 지식이라도, 하루에 하나씩. 한 줄 요약 🦄create-react-app으로 만든 프로젝트는 쉽고 간편하지만, webpack 설정을 건드리지 못한다.🦄 🦄webpack 설정을 건드리고 싶으면 CRACO 라이브러리를 이용해서 바꿀 수 있다!🦄 CRACO가 뭐에요? CRACO는 Create React App Config Override의 준말로, eject 없이 cra의 설정을 바꿀수 있게 해준다. 나는 항상 프로젝트에서 뭔갈 import 할 때 상대경로를 사용해왔다. 이유인즉, 내가 처음 웹을 배운 "head first HTML&CSS" 교재에서 절대경로로 파일을 불러오면 다른 사람의 PC에서 제대로 불러오지 못한다는 경우가 있다는 말을 보고 맹목적으로 상대경로만을 사용하게 되었다. 그렇게 철썩 같이..

TIL

(21.07.18) React-native bulid, Image 컴포넌트

작은 지식이라도, 하루에 하나씩. 한 줄 요약 🦄리버스 도메인이란 영문 주소로 DNS에 질의하여 IP주소를 찾는것과 반대로, IP 주소를 통하여 도메인 네임을 찾는 것을 의미한다. Expo를 사용하여 앱을 빌드할 때 리버스 도메인이 필요한데, 이는 com.AAAA.BBBB 같은 형식으로 이루어진다.🦄 🦄React Native의 Image 태그의 속성으로 source를 사용한다면, Styled Component로 만드는 것은 지양해라.🦄 🦄Source 태그를 사용할 때는 RN만의 규칙이 있다.🦄 네트워크 정적 파일을 Image 컴포넌트에 활용하는 경우 이거 때문에 오늘 진짜 머리 너무 아팠다. RN을 공부하면서 styled component에 익숙해지려고 모든 컴포넌트를 styled component로 만..