본문 바로가기

학습 내용74

4살짜리에게 동적 프로그래밍(Dynamic Programming) 설명하는 방법(출처: Quora) 원문: https://www.quora.com/How-should-I-explain-dynamic-programming-to-a-4-year-old/answer/Jonathan-Paulson Q. "4살짜리에게 동적 프로그래밍이 무엇인지 어떻게 설명하죠?" . . . . . . A. 우선 종이 한 장을 가져오세요. 그리고 그 종이 위에 1 + 1 + 1 + 1 + 1 + 1 + 1 + 1 = 이라고 적으세요. 그리고 아이에게 "다 더하면 얼마지?"라고 물어보세요. 아이는 1을 다 세고 나면 대답할 것입니다. "8이요!" 그럼 이제 맨 왼쪽에 1 + 을 추가로 적으세요. "이젠 얼마지?" 아이는 다시 세는 과정없이 재빨리 대답할 것입니다. "9요!" "9라는 걸 어떻게 그렇게 빨리 알았니?" "하나만 더했.. 2021. 11. 23.
자바스크립트에서의 this this는 자기 참조 변수(self-referencing variable)로서, 자신이 속한 객체 또는 자신이 생성할 인스턴스를 가리킨다. this를 통해 자신이 속한 객체 또는 자신이 생성할 인스턴스의 프로퍼티/메서드를 참조할 수 있다. 이처럼 this는 주로 객체의 프로퍼티/메서드에 접근하기 위해 사용한다. 바꿔 말하면, 일반 함수 내부에서의 this를 사용하는 것은 크게 의미가 없다. 이 때문에 strict mode가 적용된 경우, 일반 함수로서 호출된 함수 내의 this에는 undefined가 바인딩 된다. (strict mode가 아닐 경우 원래는 전역 객체를 가리킨다.) 자바스크립트에서의 this는 동일한 함수 내에 있더라도 해당 함수가 어떻게 호출되는지에 따라 결정된다. 1. 일반 함수로서 .. 2021. 10. 17.
Safari에만 적용되는 코드를 짜고 싶다면? Safari에만 적용되는 코드를 짜고 싶다면? 브라우저를 감지해서, 현재 브라우저가 Safari인지 아닌지를 판별해야 한다. 브라우저를 감지하고 그에 따른 처리를 하는 방법은 상황에 따라 크게 두 가지로 갈린다. (어느 경우든 주요한 목적은 호환성 때문일 것이다.) 1. Safari에서만 CSS 스타일링을 다르게 적용해야 하는 경우 CSS @규칙을 활용한다. /* Safari 10.1+ */ @media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) { /* 이 안에 Safari(10.1 이상)에서만 적용할 스타일 작성 */ }} 위 코드 외에도, 이 페이지의 첫 번째 답변에 다양한 버전의 Safari에 따른 CSS.. 2021. 10. 6.
[Next.js] Next.js에서 CSS 사용하기 📟 Next.js 문서의 "Built-In CSS Support" 부분을 번역한 것으로 오역이 있을 수 있습니다. (원문: https://nextjs.org/docs/basic-features/built-in-css-support) Next.js에선 자바스크립트 파일에서 CSS를 import 해올 수 있습니다. 이는 Next.js가 import의 개념을 자바스크립트의 것 이상으로 확장하기 때문입니다. [전역 스타일시트(global stylesheet) 추가하기] 애플리케이션에 스타일시트를 전역으로 추가하려면, pages/_app.js 파일에 CSS를 import 해오세요. 예를 들어, 아래와 같은 style.css라는 이름의 스타일시트가 있다고 합시다. /* styles.css */ body { font.. 2021. 10. 3.
해커톤 프로젝트를 수정하며... 반년 전, 해커톤 프로젝트에서 CRA로 만들고 firebase로 배포한 UNINSTAGRAM이라는 작은 익명 게시판 애플리케이션을 만들게 되었다. 그 당시에도 이미지 관련 CORS 이슈가 있어 크롬에서는 이미지가 제대로 나오지 않고 콘솔창이 더러워지는(...) 문제가 있었지만, 일단 다른 브라우저에서는 해당 이슈가 발생하지 않아 그냥 냅두고 있었던 문제인데... 계속 마음의 짐으로 남아있었다. 😓 그렇게 반년이 흘러 오늘이 되었고... 오늘 마침 딱히 할 일이 없어서... 수정하게 되었다. 이렇게 오늘 UNINSTAGRAM을 수정하는 과정에서 발생한 문제점과 그 해결 과정에 대해 기록해보려고 한다... ERR_SSL_PROTOCOL_ERROR 발생 증상 타 사이트로부터 가져오는 아바타 이미지가 나타나지 .. 2021. 10. 2.
[React] 리액트 상태 관리의 과거, 현재, 그리고 미래 본 글은 Lee Robinson의 포스팅 「Past, Present, and Future of React State Management」을 읽고 요약한 것으로, 오역이 있을 수 있습니다. (원문 바로가기) 2013년 5월 등장한 리액트는, 컴포넌트의 상태를 바탕으로 컴포넌트의 모양을 결정합니다. 이처럼 리액트는 "상태"라는 개념에 기초하는데요, 상태는 리액트 애플리케이션을 개발할 때 가장 어려운 부분 중 하나로 손꼽혀왔습니다. 용어 정리 본격적으로 글을 시작하기 전, 자주 쓰이는 용어들에 대한 정리부터 해볼까요? 이 용어들은 어떤 경우에는 다르게 불리기도 하지만 근본적인 의미는 동일합니다. UI 상태(UI State) : 애플리케이션에서 인터랙티브한 부분을 제어하기 위해 사용하는 상태 ex - 다크모드 .. 2021. 9. 29.

티스토리툴바