Tory

I explain with words and code. I explain with words and code. I explain with words and code.

module

module Javascript에 모듈 시스템은 참 다양하다. node.js 환경에서 사용가능한 모듈 시트템과 브라우저에서 사용가능한 모듈시스템이 구분되며, 이에 따라 헷갈리기 쉬운 모듈 개념을 정리하는 시간을 가져보려고 한다. 1. node 환경의 모듈 시스템 1.1. commonJS ecmascrip의 표준 모듈은 아니지만 node.js 환경에서 채택…

width(web api)

web API가 제공하는 여러가지 width 값에 대해서 이번에 반응형으로 slick(carousel)을 구현하며 겪은 문제가 있다. 브라우저의 크기가 변경되면 slick이 한 화면에 보여주는 슬라이드의 수가 유동적으로 변하게 되는데, slick은 마지막 페이지에 도달하면 다음 페이지로 이동하지 못하게 막아야하므로 다음 처럼 총 6개의 슬라이드가 있다고 …

vertical-align

vertical-align 오늘을 css prop 중 vertical-align에 대해 심플하게 알아보자. vertical-aline은 mdn에서 display가 inline, inline-block, table-cell인 경우에 세로 방향의 line 정렬을 위해 사용할 수 있다고 소개한다. (즉, block level elements는 사용할 수 없음!…

router

1. Before Jumpo into React Router ROUTER에 대해 학습하기 전 SSR과 CSR에 대해 간략하게 알고 넘어가자! SSR과 CSR은 페이지와 관련이 깊다. 페이지의 구조를 담당하는 HTML 파일을 어느 위치에서 생성할 것인지에 따라 SSR과 CSR로 나뉘게 된다. 1.1 SSR SSR은 사용자가 서버에게 페이지 리소스를 요청하면…

typescript-redux

Jump into Redux with typescript 리덕스를 typescript로 작성해보자! 모든 내용은 redux 홈페이지를 참고했다. 매우 친절하게 설명되어 있으니 읽어보는 것을 왕왕 추천함! 📒 What we’ll learn? typescript로 Redux를 작성하는 표준 패턴! Redux 로직에서 올바르게 타입을 지정하는 방법 🧠 PRER…

typescript-react

TypeScript TypeScript에 대해 알아보자! TypeScript는 공식 페이지에서 javascript의 superset이라고 소개한다. 공식문서에 따르면 TypeScript 2.1 부터 —target ESNext를 지원하니, 웬만한 js 문법은 전부 사용할 수 있고 컴파일을 통해 타입체크도 할 수 있으니 superset이라고 부를 수 있겠다.…

basic

Before Jump in to GraphQL!! rest를 잘 사용하다가 왜 GraphQL 이라는 새로운 방식의 데이터 요청 방법이 개발되었을까? rest는 endpoint를 데이터의 자원의 주소와 맵핑하는 매우 간편한 방식을 사용한다. 하지만 endpoint를 통해 요받은 데이터는 항상 고정된 리소스 형태를 응답받기 때문에 때로는 불필요한 리소스도 포…

학점구하기

문제 학생들이 각자의 과제에 대해 상호평가를 합니다. 각 학생이 자신을 포함하여 평가한 점수가 배열로 주어집니다. 이 때 각 학생이 받은 점수의 평균을 구해 학점을 반환하는 로직을 작성해야 합니다. 최종 반환하는 형식은 ‘FBC’ 와 같이 0번 학생부터 순서대로 학점을 구해 문자열로 반환합니다. 단, 학생이 자신을 평가한 점수가 유일한 최고점수 혹은 최저…

집중력 향상

집중력 향상 주어진 일을 시간내에 해내야할 때 집중력이 필요한 경우가 있다. 기본적으로 사람의 성향을 바꾸는 것이 쉽지는 않기 때문에, 갑자기 집중을 잘하는 사람이 될 수는 없지만, 즉각적으로 집중력을 향상시킬 수 있는 몇 가지 방법 혹은 도구를 동원해서 한번 집중력을 끌어올려 보자. 뽀모도로 방식: 일정한 시간을 정하고 그 시간에는 반드시 그 일만하자.…

planner

플래너 작성하기 시간관리를 더욱 철저하게하기 위해 플래너를 작성할 때 규칙들을 정해보자. 나와의 약속 자기전에 다음날 할 일을 생각해보고 최초 3개 최대 6개 + a 까지 작성해보기.(TO DO LIST) TO DO LIST는 중요도 순으로 작성하고 항상 중요도 순으로 실천하기.(Ivy) 하루를 살며 한 시간 간격으로 내가 했던 일을 기록하기. 하루를 살…