크롬을 이용할 때 자동 번역은 유용하게 사용하는 기능이지만, 우리가 만든 웹페이지에 계속 뜨는 것을 원치 않는다면 막을 필요가 있다. 특정 부분만 막거나 사이트 전체에 적용을 하는 방법이 있는데, 그냥 메타 정보에 집어넣는 것이 편할 것 같다.

<meta name="google" content="notranslate">

https://esarang.tistory.com/828

 

구글 크롬의 자동 번역막기 notranslate 태그 - 프로그래밍

구글 크롬의 자동 번역막기 notranslate 태그 - 프로그래밍 mailid@test.com 이메일 등 특정 부분만 자동번역되지 않게 하고자 할때 span 태그를 이용합니다. 이 경우

esarang.tistory.com

다만, 리액트를 사용할 경우에는 meta 태그를 그냥 사용할 수 없으므로 render() 함수 안에 다음과 같이 메타 정보를 추가해주도록 하면 된다.

const meta = document.createElement('meta')

meta.name = 'google'

meta.content = 'notranslate'

document.getElementsByTagName('head')[0].appendChild(meta)

https://thebook.io/006946/ch22/04/

 

리액트를 다루는 기술: 22.4 react-helmet을 이용한 페이지 head 태그 작성

 

thebook.io

https://stackoverrun.com/ko/q/10401405

 

React.js에서 메타 태그를 업데이트하는 방법은 무엇입니까?

react.js의 단일 페이지 응용 프로그램에서 작업 중이므로 페이지 전환이나 브라우저 앞뒤로 메타 태그를 업데이트하는 가장 좋은 방법은 무엇입니까?

stackoverrun.com

 

by 나숑 2019. 6. 19. 17:29

다른 동료가 코드 리뷰 도중에 null 체크를 굳이 해야하는지, undefined만 체크하는 것으로 충분하지 않은지 의견을 내었다. 사실 이 둘은 다르게 넘어올 수있기 때문에 번거롭더라도 null과 undefined를 모두 체크하는 것 좋지만, 다수의 변수값을 한번에 체크할 때는 코드가 지저분해지는 문제가 있을 수 있다. 그래서 찾아보니 다음과 같은 아주 좋은 방법이 있다. 물론 0이 넘어오지 않는 경우에만 해당될 듯.

 

https://stackoverflow.com/questions/2559318/how-to-check-for-an-undefined-or-null-variable-in-javascript

 

How to check for an undefined or null variable in JavaScript?

We are frequently using the following code pattern in our JavaScript code if (typeof(some_variable) != 'undefined' && some_variable != null) { // Do something with some_variable } Is ...

stackoverflow.com

 

by 나숑 2019. 6. 17. 18:23

http://codingdojang.com/scode/493

 

코딩도장

프로그래밍 문제풀이를 통해서 코딩 실력을 수련

codingdojang.com

from itertools import zip_longest

def compare(left, right):
    left_vars = map(int, left.split('.'))
    right_vars = map(int, right.split('.'))
    for a, b in zip_longest(left_vars, right_vars, fillvalue = 0):
        if a > b:
            return '>'
        elif a < b:
            return '<'
    return '='

여기서 주의할 점은 for 문 안에서 equal은 체크하면 안된다는 것이다. 비교 도중 크거나 작으면 return을 하도록 되어 있는데 eaual이 들어가면 비교 도중에 리턴이 될수도 있기 때문에 오동작을 한다. 이것 때문에 헛고생을 했다. ㅠㅠ

위의 예제에는 그냥 map만 사용했는데 이것은 Python 2.x에서만 사용되는 것으로 보인다. 다음과 같이 list로 감싸주면 숫자 배열로 결과를 만들어 준다.

results = list(map(int, results))

https://stackoverflow.com/questions/7368789/convert-all-strings-in-a-list-to-int

 

Convert all strings in a list to int

In Python, I want to convert all strings in a list to integers. So if I have: results = ['1', '2', '3'] How do I make it: results = [1, 2, 3]

stackoverflow.com

zip_longest() 함수에 대한 설명은 다음 내용을 참고하자.

https://excelsior-cjh.tistory.com/100

 

내장함수 zip() 과 itertools.zip_longest() 함수

Python - Built in Function : zip(*iterables) Python에는 다양한 내장함수(Built-in Function)를 제공한다. 그 중에서 알아두면 유용한 내장함수인 zip() 함수를 알아보도록 하자. 1. zip(*iterables) 함수 zip(..

excelsior-cjh.tistory.com

 

by 나숑 2019. 6. 17. 18:12

Vue.js의 프레임워크 중에 하나인 Nuxt.js를 사용하여 개발하는데 필요한 레퍼런스들이다. 다른건 Vue.js와 별 차이가 없었지만 Router와 Programmatic Navigation 부분이 조금 달라서 삽질 좀 했다.

https://kdydesign.github.io/2019/04/10/nuxtjs-tutorial/

 

Nuxt.js 개념부터 설치까지 빠르게 배우기

Vue Application을 만들기 위한 강력한 Framework 인 Nuxt.js에 대해 알아보자. Nuxt.js는 Vue.js 응용 프로그램을 만들기 위한 Framework이며, Vue.js Application을 좀 더 손쉽게 만들 수 있으며 Server-Side-Rendering을 지원한다.

kdydesign.github.io

https://hhhyyeee.wordpress.com/2018/04/26/04-nuxt-link-%EC%82%AC%EC%9A%A9%ED%95%98%EC%97%AC-%ED%8E%98%EC%9D%B4%EC%A7%80-%EA%B0%84-%EC%9D%B4%EB%8F%99%ED%95%98%EA%B8%B0/

 

(04) nuxt-link 사용하여 페이지 간 이동하기

이번 포스팅의 내용은 내가 Vue.js 와 Nuxt.js 를 사용하여 웹 페이지를 만드는 프로젝트를 진행하다가 부딪힌 문제들 중 하나이다. nuxt.js 가 편리하게도 개발자 대신 페이지 라우팅을 해준다는데, 이 기능을 어떻게 써먹어야 좋은가 하고 고민한 과정에 대한 내용이다. 믿을 수 없지만 나는 라우팅이 뭔지도 모른 채 개발하겠답시고 ‘…

hhhyyeee.wordpress.com

https://router.vuejs.org/guide/essentials/navigation.html

 

Programmatic Navigation | Vue Router

Programmatic Navigation Aside from using to create anchor tags for declarative navigation, we can do this programmatically using the router's instance methods. router.push(location, onComplete?, onAbort?) Note: Inside of a Vue instance, you have access to

router.vuejs.org

http://jeonghwan-kim.github.io/2018/04/07/vue-router.html

 

Vue-Router 살펴보기

 

jeonghwan-kim.github.io

https://linked2ev.github.io/devlog/2019/01/22/Nuxt-Admin-4.-Nuxt-Component-Divison/

 

[Nuxt Admin] 4. Nuxt에서 컴포넌트 사용

[ Nuxt Admin Template 4 ] Nuxt & Vuetify 기본 템플릿에서 컴포넌트를 이용해서 분할하는 작업

linked2ev.github.io

https://deepweller.tistory.com/26

 

Vue 조건에 따라 class 바인딩하기

시작하며 Vue.js 를 진행하고 있는 프로젝트의 프론트엔드 프레임워크로 사용하고 있다. 익숙하진 않지만 샘플과 자료들을 찾아가며 진행하고 있다. 이번에는 특정 조건에 따라 class 속성에 값을 바인딩하는 방법..

deepweller.tistory.com

https://cpdev.tistory.com/115

불러오는 중입니다...

https://ko.nuxtjs.org/guide/views/

 

nuxtjs.org

Nuxt.js official website

ko.nuxtjs.org

 

by 나숑 2019. 6. 11. 00:20

* 알고리즘 연습을 위해 좋은 사이트

https://www.hackerrank.com/

 

HackerRank

Join over 5 million developers. Practice coding, prepare for interviews, and get hired.

www.hackerrank.com

https://www.geeksforgeeks.org/

 

GeeksforGeeks | A computer science portal for geeks

Featured Article Data Structures and Algorithms are one of the most important skills that every computer science student must have. It is often seen that people with… Read More » Featured Article As the placement season is back so are we to help you ace th

www.geeksforgeeks.org

 

* 해쉬맵 장단점

- 검색 속도가 가장 빠름

- 저장 시간은 상대적으로 느림

- 데이터 양이 적더라도 일정 크기의 버킷을 가지고 있어야 하기 떄문에 리소스를 많이 사용함

https://m.blog.naver.com/PostView.nhn?blogId=mygirl2&logNo=40103053785&proxyReferer=https%3A%2F%2Fwww.google.com%2F

 

Vector, ArrayList, Object[], HashMap, TreeMap 의 장,단점(속도 등) 설명

출처 : http://cafe.naver.com/javachobostudy.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=667 Vec...

blog.naver.com

 

* 깊이 우선 탐색(DFS)과 넓이 우선 탐색(BFS)의 차이

- DFS (Depth-First Search) : 모든 노드를 방문하고자 할 경우 사용, 자기 자신을 호출하는 순환 알고리즘 형태

- BFS (Breadth-First Search) : 인접 노드를 먼저 탐색, 두 노드 사이에 최단 경로 혹은 임의의 경로를 찾고자 할때 사용

검색 속도는 BFS가 DFS 보다 빠르다!

https://yunyoung1819.tistory.com/86

 

[알고리즘] 깊이 우선 탐색(DFS) 과 너비 우선 탐색(BFS)

[알고리즘] 깊이 우선 탐색(DFS) 과 너비 우선 탐색(BFS) ※ 그래프의 개념 - 정점과 간선으로 이루어진 자료구조의 일종. G = (V, E) ※ 그래프 탐색 - 하나의 정점으로부터 시작하여 차례대로 모든 정점들을 한..

yunyoung1819.tistory.com

 

* 이진 탐색 트리 (BST : Binary Search Trees)

- Key-Value를 저장하기 위해 사용하는 자료 구조

- 이진 트리(Binary tree)에 이진 탐색(Binary Search) 알고리즘을 사용해 처리

- 왼쪽 노드(Left node)가 부모(Parent node)보다 작고, 오른쪽 노드(Right node)가 부모보다 크다

https://www.slideshare.net/choeunwoo/songorithm-balanced-searchtrees-53041698

 

Balanced Binary Search Trees

# 손고리즘2 알고리즘 기초 스터디 - 트리 & 트리 알고리즘 - 이진탐색트리의 기본 개념 - 이진탐색트리의 단점 - 균형잡힌 이진탐색트리 구현 - AVL 트리 구현

www.slideshare.net

이진 탐색 트리의 탐색, 삽입, 삭제 방법

- 탐색 : 루트 노드부터 순회, 탐색해야 하는 값이 루트 노드보다 클 경우 오른쪽 자식을, 작을 경우 왼쪽 자식을 방문하고 같은 값일 경우 탐색을 마침, 방문한 노드가 NULL이 될 때까지 탐색값을 찾지못하면 해당 트리에 존재하지 않는 것으로 간주

- 삽입 : 탐색처럼 현재 노드와 값을 비교하여 왼쪽/오른쪽 자식 노드를 방문하는 것을 반복하다가 NULL을 만나면 해당 위치에 노드를 삽입하고 종료

- 삭제 : 트리 순회 중 삭제해야 하는 값을 발견하면 해당 노드를 삭제, 삭제된 빈자리는 오른쪽 자식 트리 중에서 가장 작은 값을 가지는 노드로 대체

https://wkdtjsgur100.github.io/binary-search-tree/

 

(C언어) 이진탐색트리(BST, Binary Search Tree) 구현

이진 트리

wkdtjsgur100.github.io

 

* 디자인 패턴

디자인 패턴 : 문제를 해결하기 위한 코드 구조를 일정한 형태로 정의하여 재이용이 용이하게 만든 패턴

https://gone-sw.tistory.com/4

 

[디자인 패턴] GoF의 디자인패턴 간단 정리.

디자인 패턴(Design Pattern) 이란 디자인 패턴이란 프로그래밍 할때에 문제를 해결하고자 코드의 구조들을 일정한 형태로 만들어 재이용하기 편리하게 만든 일정한 패턴이라고 생각하시면 됩니다. 설명이 좀 어렵..

gone-sw.tistory.com

 

* 기본 정렬 알고리즘

- 선택 정렬 (Selection Sort) : O(n^2)

- 삽입 정렬 (Insertion Sort) : O(n^2)

- 버블 정렬 (Bubble Sort) : O(n^2)

- 합병 정렬 (Merge Sort) : O(NlogN)

- 퀵 정렬 (Quick Sort) : O(N^2)

https://hsp1116.tistory.com/33

 

기본 정렬 알고리즘(Sorting Algoritm) 요약 정리 (선택, 삽입, 버블, 합병, 퀵) v1.1

정렬 알고리즘은 n개의 숫자가 입력으로 주어졌을 때, 이를 사용자가 지정한 기준에 맞게 정렬하여 출력하는 알고리즘이다. 예를 들어 n개의 숫자가 저장되어있는 배열을, 오름차순의 조건으로 작성하여 입력하면..

hsp1116.tistory.com

 

by 나숑 2019. 6. 10. 15:54
| 1 |