똑같은 삽질은 2번 하지 말자

보호되어 있는 글입니다.

유명함수 란? ↓ https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/function#%EC%9C%A0%EB%AA%85(named)_%ED%95%A8%EC%88%98_%ED%91%9C%ED%98%84%EC%8B%9D 함수 표현식 - JavaScript | MDN function 키워드는 어떤 표현식(expression) 내에서 함수를 정의하는 데 사용될 수 있습니다. developer.mozilla.org 유명함수를 이용한 재귀 호출? 어떤 상황에서 활용할 수 있나? 어떤 반복문 내에서 결과를 return하는게 아니라 연산중 return이 발생하는 경우 while문이 종료되버린다. 하지만 while문을 종료시키지 않고 계속 반..

개요 Mysql + Rails + Vue + REST API로 CRUD를 구현해 보자. Rails를 학습하기 위한 글이므로 딱히 Vue쪽 구현에 대해서는 거의 적지 않을꺼 같다. 구현순서 1. Front 1. UI 2. API Request 2. Back 1. Model (처음에 한번하면 끝이라 Create에서 하고 나면 그 뒤로는 필요없다.) 2. Routes 3. Controller 4. Service 5. return json(아마 Read부분만 ? ) Create 1. Model DB와 연결하기 위한 Model를 만들어주어야한다. app/models/product.rb (rails 단수 복수 주의) class Product < ApplicationRecord end 위의 Product는 밑의 Ap..

개요 유저가 결제를 하는 프로세스에 들어와 있는 순간 브라우저 백 & 새로고침을 할 때 프론트에서는 어떻게 대응해야 할까? 대응책 1. 브라우저 뒤로가기 이벤트및 새로고침 이벤트를 조작해서 우리 원하는 처리를 해준다. => 이건 아쉽게도 크롬 브라우저 사양상 거의 불가능했다. 크롬에서 브라우저 이동 이벤트(popState, hashChange)에 대한 트리거 발생이 유저쪽에서의 interaction (click같은) 가 없으면 trigger되지 않는다.(javascript로 클릭이벤트 같은걸 발생시켜도 안됨) // 둘다 유저쪽에서의 움직임이 없으면 trigger 안됨 window.onPopState(() => {}) window.onHashUpdate(() => {}) 2. history를 조작한다. =..

보호되어 있는 글입니다.

지연성 어떤 배열을 i번째 까지 구성하고 그 배열의 합을 도출해내는 코드가 있다. const range = l => { let i = -1; let res = []; while (++i [0,1,2,3] log(list); log(reduce((a,b)=>a+b, list)); // 6 이 코드의 목적이 6이라는 합을 도출하는게 목적이라면? generator 를 이용해 좀 다른방식으로 짜 볼 수 있다. const L = {}; L.range = function* (l) { let i = -1; while (++i < l) { yield i; } }; var list = L.range(4); // ..

검색 엔진 noindex, nofollow를 제대로 이해하기 위해서 검색엔진에 대한 지식이 요구되므로 거기에 대해 먼저 알아보자. 우선은, 검색 엔진의 구조부터 설명해 보자면 구글은 검색 결과를 구축하기 위해 crawler 라고 불리는 자동 순회형 정보 수집 로봇을 활용하고 있다. crawler 는 전 세계에 존재하는 웹사이트로부터 업데이트 정보를 모아 데이터베이스에 저장하며, crawler가 정보를 데이터베이스에 저장하는 것을 인덱스(index)라고 부른다. 인덱스(index)? 인덱스된 정보는 구글 알고리즘에 따라 검색순위가 매겨진다! 이러한 과정을 거쳐서 사용자가 키워드 검색을 하게 되면 사전에 알고리즘에 의해 정해진 검색 순위에서 사용자에게 가장 적합하다고 생각되는 검색 결과가 표시, 즉 우리는 ..

보호되어 있는 글입니다.

1. 우선 pro가 아닌 free로 이용할 수 있는 fontawesome 패키지 추가 yarn add -D @nuxtjs/fontawesome @fortawesome/free-brands-svg-icons @fortawesome/free-regular-svg-icons @fortawesome/free-solid-svg-icons 2. 사용할 icon들을 설정 각각 필요한 icon들은 다를텐데 이걸 nuxt.config에서 직접 넣어주기보다는(아이콘 1개 2개 사용할꺼 아니니깐) 다른 설정파일을 하나 만들어서 import export로 넣어주는게 공식사이트에서 추천하고 있는 방법 icon/fontawesome.js const solid = [ 'faDownload', 'faUser' ] const regu..

보호되어 있는 글입니다.