기본 콘텐츠로 건너뛰기

[Javascript ES6] Spread(...) 연산자 활용법

Spread 연산자는 ES6에서 도입되었다.  Spread는 ...을 변수 앞에 붙여서 사용하는데, 배열이나 문자열같이 반복 가능한 내용들을 각각의 요소(element)로 풀어 헤쳐준다.  예시를 통해 살펴보자.   1 2 const positive = [ 1 , 2 , 3 , 4 ]; console.log(positive); 아래와 같이 평범하게 array가 출력된다. 이번에는 positive 변수명 앞에 ...을 붙여서 spread를 사용해서 출력해본다.   1 console.log(...positive); 이번에는 array가 그대로 출력되지 않고, 각 요소(element)로 풀어 헤쳐져 출력된다. 그럼 Spread 연산자는 어떻게 활용할 수 있을까? 배열들을 합치는데 사용하면 편리하다.   const positive = [ 1 , 2 , 3 , 4 ]; const negative = [- 1 , - 2 , - 3 , - 4 ]; const number = [...negative, ...positive]; console.log(number);   위와 같이 2개의 array를 Spread 연산자를 이용해 간단하게 합칠 수 있다. 결과는 아래와 같다. 만약 Spread 연산자를 쓰지 않고 바로 합치게 되면 아래와 같이 array 속에 각각의 array가 존재하는 방식으로 합쳐지게 된다. Spread 연산자는 Array 뿐만 아니라, Object를 합치는 데에도 활용할 수 있다. const name = { "firstName" : "Namu" , "lastName" : "Kim" }; const bio = { "height" : 170 , "age" : 30 }; const userInfo = {...name, ...bio}; console.log(userInfo); 위와 같이 2
최근 글

구글 블로거(blogger) ads.txt 파일 문제 해결 방법

  1. 내 구글 블로거(blogger)가 애드센스 에 연결되었다고 해서 애드센스 에 들어가 보았다. 2. 빨간색 배너로 뭔가 문제가 있음을 알려줬다. 문제가 있으면 해결하자.

네이버 서치 어드바이저 도메인 소유 확인 방법

구글 블로거를 운영 중 네이버 서치 어드바이저에서 도메인 소유 확인 메일을 받았다.  어떻게 해야 할까?  1. 먼저  네이버 서치 어드바이저 에 접속한다. 2. <웹마스터 도구 -> 사이트 목록>에서 소유 확인을 할 도메인을 선택한다.  3. 사이트 소유 확인 방법 중 HTML 태그 를 선택한다. 구글 블로거에서는 HTML 파일 업로드 방식을 이용할 수 없다. 화면에 표시된 메타태그를 복사한다. 아직 네이버 서치 어드바이저 화면을 아직 닫지 말자. 4. 이제 구글 블로거로 다시 돌아온다. <테마 -> HTML 편집>을 클릭한다.  5. 복사한 메타태그를 아래 화면과 같이 <head> 태그 아래에 붙여 넣은 다음 저장한다.   6. 다시 네이버 서치 어드바이저로 돌아와서 소유확인 버튼을 클릭한다. 7. 보안 문자 및 숫자를 입력하고 확인을 클릭하면, 소유 확인이 완료되었다는 팝업이 뜬다. 8. 네이버에서 site: 접두어를 이용해 site:블로그URL 로 검색하면 내 블로그가 검색되는 것을 확인할 수 있다.  끝.

맥북 이모지(Emoji) 입력 단축키

  맥북에서 이모지(Emoji)를 입력하는 단축키는 아래와 같다. Control ⌃  + Command ⌘  + Space Bar 단축키를 입력하면 아래와 같이 이모지를 입력할 수 있는 창이 뜬다. 입력창에서 이모지를 검색하거나 찾아서 클릭하면 입력된다.  끝.  

웨딩 드레스 스케치 도안

웨딩 드레스샵 투어를 다니면서 샘플로 드레스를 입는 경우에는 드레스 사진을 찍지 못하게 하는 샵이 많다. ​ 그래서 투어를 돌고 나면 어떤 샵의 어떤 스타일이 신부에게 잘 어울렸는지 헷갈릴 수가 있다. ​ 하지만 투어를 다닐 때 드레스샵에서 입은 드레스의 특징과 느낌을 잘 기록하면 샵을 선택하는 데 도움이 될 수 있다. ​ 드레스 투어를 다닐 때 드레스를 기록할 스케치 도안은 아래 링크에서 확인/다운로드 할 수 있다. 웨딩 드레스 스케치 도안 확인/다운로드 하기 투어를 마친 후 드레스샵과 계약을 하고, 드디어 본식 드레스를 고를 때에는 사진을 찍을 수 있는 경우가 많다. ​ 이 땐 사진을 잘 찍어서 어떤 드레스를 입을지 잘 선택하도록 하자. ​ ​

성혼선언문

 갈수록 주례 없는 결혼식이 더 많아지는 것 같다. 주례 없는 결혼식에서 주례를 대신해 성혼선언문을 낭독하는 경우가 많다. 아래의 내용으로 양가 대표가 성혼선언문을 낭독할 수 있다. 성혼선언문 조금 전 신랑 OOO군과 신부 OOO양은 두 일가 가족과 여러 하객 분들을 모신 자리에서 평생을 함께 할 부부가 되기를 굳게 서약하였습니다. 두 사람이 서로 사랑하고 존경하며 아끼면서 잘 살아가리라 믿으며 이 혼인이 원만하게 이루어진 것을 여러분 앞에서 엄숙히 선언합니다. 2020년 11월 11일 혼주대표 OOO  성혼선언문 파일은 아래에서 확인할 수 있다. 성혼선언문 파일 보기

Flask 설치하기 - 가상환경에 Flask 개발 환경 구축하기

Flask(플라스크)를 사용하기 위해서는 Python(파이썬)이 설치되어 있어야 한다. 파이썬이 설치되어 있는지 확인하기 위해 설치된 파이썬 버전을 확인한다. 1 python --version 파이썬이 설치되어 있지 않으면 Python 공식 홈페이지 에서 가이드에 따라 파이썬을 먼저 설치해야 한다. 파이썬이 설치되어 있으면 아래 순서대로 Flask를 설치해 사용할 수 있다. 먼저 Flask 프로젝트를 시작할 폴더를 만들고, 폴더로 이동한다. 1 2 mkdir my-flask-folder cd my-flask-folder Flask를 설치하기 전에 프로젝트 별로 격리된 환경을 만들어 주기 위해 가상환경을 만든다. 1 python3 -m venv venv 가상환경을 만들었으면 가상환경을 사용하기 위해 활성화 작업을 해야 한다. 1 . venv/bin/activate 가상 환경이 활성화 되면 터미널에 (venv) 로 시작하는 가상환경 이름이 표시된다. 이제 pip를 이용해 가상 환경에 Flask를 설치한다. 1 pip install Flask 터미널에 아래와 같이 Flask가 설치 된 것을 확인할 수 있다. Flask 외 다른 프로그램도 함께 설치되었다. Flask가 정상적으로 설치되었는지 확인하기 위해 설치된 Flask 버전을 확인한다. 1 flask --version 터미널에 아래와 같이 설치된 Flask의 버전을 확인할 수 있다. 이제 Flask가 정상적으로 설치되었으니, Flask를 맘껏 사용하면 된다. Flask 설치에 대한 더 자세한 내용을 알고 싶으면  Flask 설치 공식 문서 에서 확인하면 된다. 참고로 나중에 가상환경을 종료하고 싶을 때는 아래와 같은 명령어를 입력하면 된다. deactivate