프론트 엔드 요청에 Koa의 양파 모델 적용

현재 대부분의 프런트엔드 요청 라이브러리는 요청과 응답을 처리하기 위해 두 개의 후크 기능을 사용하며 요청에 너무 많은 비즈니스 로직을 추가하면 유지 관리가 어려워집니다. 어니언 모델은 요청과 응답을 처리하는 매우 우아한 기술이며 노드 개발에서 이를 위한 매우 성숙한 애플리케이션을 보유하고 있는데 프런트 엔드 요청도 이 방식으로 변경하도록 허용하면 안 될까요? 다음은 간단한 프로토타입 예입니...

frontjavascripttypescriptnode

[Front-end🦁] #30 jQuery

1. Promise 어제 배운 것을 간단하게 복습하고, 콜백지옥을 Promise로 깔끔하게! 만들었다. 2. jQuery jQuery Library : js 코딩한 것을 그냥 빌려 쓰겠다. Framework : 이미 짜여있는 것에 규칙을 맞춰서 사용하는 것. 레고처럼 설명서대로 조립! 지는 해라고는 하지만 실무에서는 여전히 제이쿼리를 무시할 수가 없다. 어제 보라님 특강에서도 무신사 페이지들...

frontJavaScriptJavaScript

[Front-end🦁] #21 TIL

JavaScript 기본 문법은 에 한번에 정리하기 위해서 글을 나눴다. 오늘은 처음으로 JavaScript를 들은 날인데, 사실 기초라서 간단하게 호로록 짚어주실 줄 알았더니 여러가지 실습 해보면서 처음 접하는 JavaScript type에 대한 논란(?) 이라거나, ==과 ===의 차이, 부동소수점 이야기까지도 언급이 돼서 상당히 놀랐다. feelings/ findings : 첫 날이라 ...

frontCSShtmlJavaScriptCSS

[Front-end🦁] #13 Grid Project

복습, holy grail layout grid 에 대해 간단하게 복습하고 어제 만든 holy grail layout 도 flex 대신 grid를 사용해서 다시 만들어 보았다. grid + animation 거의 보자마자 pespective랑 transform, transtion 줘서 구현하는거 아냐? 하고 호기롭게 시작했는데, 맘대로 되지 않았다. 캐릭터 애니메이션 붙이기 클릭 이벤트를 C...

frontCSStutorial projecthtmlCSS

[Front-end🦁] #12 Flex Project

웹폰트로도 많이 사용한다. flex 복습 기본 속성들에 대해서 복습했다. margin-right: auto; 로 잡으면 간격을 자동으로 잡아준다. flex-start, stretch의 다른 점 : 전자는 element의 높이를 살려서 가고, stretch는 container에 맞춰서 늘려줌. menu 메뉴를 눌렀을 때, sub-메뉴가 나오는 형태의 layout을 함께 개발했다. PC 환경에서...

frontCSStutorial projecthtmlCSS

[Front-end] #7.5 tablet layout / 반응형 web

에 한번에 쓰려고 했는데 생각보다 스마트폰 레이아웃 구현에서 새로 알게된 내용이 많아서 글이 너무 길어져서 태블릿 클론으로 분리하고, 프로젝트 하나인 반응형 웹까지 같이 담았다. 태블릿 클론 1 나는 처음에 nav li 사이즈를 12.5%로 줄여서 모든 버튼이 width가 줄어도 화면에 나타나도록 구현했었는데, 화면 크기가 작은 탭으로 접속한다면 버튼이 너무 답답할 수 있다는 문제가 있다. ...

frontCSStutorial projecthtmlCSS

[Front-end] #2.5 CSS 속성

% : 원래 크기가 100% em : 원래 크기가 1 em 1. block 자동 줄바꿈이 되는 태그들. 2. inline 옆으로 붙는 태그들. 3. inline-block 옆으로 붙지만, 높이도 가지는 속성. 화면 상에 보이는지 안보이는지 display: none - 원래 태그가 가지는 공간까지도 없어짐. visibility: hidden - 원래 태그가 가지는 공간은 남아 있으나 안보임. ...

frontCSS기본문법htmlCSS

코딩 테스트 - 모의고사

수포자는 1번 문제부터 마지막 문제까지 다음과 같이 찍습니다. 1번 수포자가 찍는 방식: 1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ... 2번 수포자가 찍는 방식: 2, 1, 2, 3, 2, 4, 2, 5, 2, 1, 2, 3, 2, 4, 2, 5, ... 3번 수포자가 찍는 방식: 3, 3, 1, 1, 2, 2, 4, 4, 5, 5, 3, 3, 1, 1, 2, 2, 4, 4, ...

CodingTestProgrammer모의고사완전탐색frontCodingTest

[Vue.js]

vue.jsvueJavaScriptfrontendfrontJavaScript

[SMACSS] 번역하면서 공부하기 #2 Categorizing CSS Rules

다행스럽게도, 이 페이지에서 네가 읽을 것은 이미 존재하는 프로세스가 작동하는 것을 강조할 것이고, 만약 운이 좋다면 너의 과정(코드 짜는 방식)을 개선할 수 있는 새로운 방법을 보게 될 것이다. ID 선택자를 쓸지 class 선택자를 쓸지 아니면 마음대로 선택할 수 있는 수많은 선택자들을 쓸지를 어떻게 고르나요? CSS 규칙을 범주화함으로써, 우리는 어떤 패턴을 보게 될 것이고, 각각의 이...

SMACSSCSSfrontCSS

defer 옵션에 주의

frontfront