분류 전체보기
[프로그래머스] 🗺 비밀지도 - [1차] 2018 카카오 블라인드 채용 / Python
[프로그래머스] 🗺 비밀지도 - [1차] 2018 카카오 블라인드 채용 / Python
2019.02.12🗺 비밀지도 문제 풀어보기 😃 나의 코드 def solution(n, arr1, arr2): answer = [] for decimal1, decimal2 in zip(arr1, arr2): binary12 = str(bin(decimal1 | decimal2))[2:] binary12 = '0' * (n - len(binary12)) + binary12 binary12 = binary12.replace('1', '#') binary12 = binary12.replace('0', ' ') answer.append(binary12) return answer 비트연산(Bitwise Operation)을 이용하면 쉽게 풀 수 있는 문제입니다. 문제 중간에 둘 중 하나가라는 말이 힌트가 될 수 있겠네요. 풀이 ..
StackEdit을 통한 Markdown으로 티스토리 글쓰기 (ft. 프라치노 공간)
StackEdit을 통한 Markdown으로 티스토리 글쓰기 (ft. 프라치노 공간)
2019.02.12나름의 Devlog를 시작하고부터 프라치노 공간 덕분에 예전에 비하면 깔끔해졌지만, 글 작성에 있어서 몇 가지 문제점이 있었습니다. 😂 태그를 넣기 어렵다. 알고리즘 풀이에 대한 글을 쓸 때 변수를 따로 강조하기 위해 태그를 넣곤 하는 데, 다른 이나 태그처럼 태그를 넣는 버튼이 티스토리 글 작성 에디터 UI에는 없습니다. 그래서 가 필요한 곳마다 직접 HTML로 태그를 집어넣는 방식으로 노가다스러운 작업을 해야 했습니다… ✨ 내가 작성한 코드가 더 이뻤으면 한다. 저에게 이쁜 것은 이 세상의 어떤 것보다 중요합니다. 알고리즘 풀이에서 스니펫(snippet) 코드를 가져오는 경우 저는 Color Scripter라는 사이트를 이용했습니다. 제 코드를 붙여넣으면 언어를 자동으로 판별하여 문법을 하이라이팅 해..
[HTML] 시맨틱(Semantic) HTML을 짜보자
[HTML] 시맨틱(Semantic) HTML을 짜보자
2019.02.12시맨틱(semantic) HTML?시맨틱(Semantic) HTML을 직역하면 의미론적 HTML이 됩니다. 아직도 뭘 의미하는 건지 모르겠죠? 의미론적이란 언어에서 단어와 구절의 의미를 아는 것을 뜻합니다. Semantic elements란 의미를 가진 elements를 뜻하죠. HTML에서 semantic element는 해당 element의 의미를 브라우저와 개발자 모두에게 알려줄 수 있습니다. 시맨틱하지 않은(non-semantic) elements의 예시 와 이 있습니다. 이 element는 내용물에 대한 어떠한 것도 알려주지 못합니다. 와 으로만 이루어진 코드는 실제 돌아가긴 하겠지만, 나중에 내용물에 대한 어떤 정보도 알 수 없게 됩니다. 시맨틱한(semantic) elements의 예시 , ..
< 슈 독 > 덕심 만능론
< 슈 독 > 덕심 만능론
2019.02.11라는 페이스북 페이지를 통해 알게 된 책이다. 신발에 미친 사람 = SHOE DOG이라는 흥미로운 제목과 함께 힘들어도 포기하지 않고 자신이 좋아했던 일을 해나간 인간에 대한 해당 글이 이 책을 사게했다. 이 전에 을 읽으면서 브랜딩 & 마케팅에 흥미가 생겨서 좀 더 재미있게 읽었었다. 관심있는 분야를 얼마나 좋아하면 사람이 저렇게까지 될 수 있을까? 라는 생각이 드는 책, 처음에 그의 신발에 대한 관심은 미미했을 것이다. 육상팀을 하고 있었고, 어쩌다보니 기업가 정신 수업에서 일본에서 신발을 수입해서 판다는 신발에 관련한 보고서를 쓰게되었다. 그 보고서에서 나이키의 미래가 정해진게 아닐까 싶다. 그는 보고서를 실행으로 옮기는데 60년대라고 해도 타지인 일본에서 신발을..
[JavaScript] 변수의 범위(variable scope)
[JavaScript] 변수의 범위(variable scope)
2019.02.11변수 범위(Variable Scope) 변수 범위는 특정 변수가 존재하는 영역입니다. 이를 통해 어디서 변수를 접근할 수 있는 지 알 수 있습니다. 변수(variable)은 지역 범위(local scope)와 전역 범위(global scope)를 둘 중 하나를 갖게 됩니다. 지역 범위(local scope, function-level) C 혹은 C++이나 JAVA같은 프로그래밍 언어와는 달리, JavaScript는 블록 수준(block-level)의 범위를 가지고 있지 않습니다. 대신 JavaScript는 함수 수준(function-level)의 범위를 가집니다. 함수 안에서 정의된 변수는 지역 범위(local scope)를 가지며, 해당 함수와 그 내부 함수에서만 접근 가능합니다. 내부 함수에서의 외부..
< 콜드 워 > 씁쓸한 에스프레소처럼
< 콜드 워 > 씁쓸한 에스프레소처럼
2019.02.11제목 그대로 냉전시대를 배경으로 한 폴란드의 영화입니다. 여 주인공인 줄라와 남 주인공인 빅토르는 폴란드, 베를린, 파리에서 이별과 새로운 만남을 반복하다가 결국 둘이 처음 만났던 곳인 폴란드로 돌아오게 됩니다. 빅토르의 신념은 사랑을 버릴 정도로 강했습니다. 폴란드 민요를 부르고자 만든 악단이 당의 선전을 위한 도구가 된 것에 환멸을 느껴 줄라를 포기하고 파리로 떠납니다. 떠난 이후에도 줄라는 그의 마음에 남아있었을 겁니다. 아마 그녀를 처음 만났던 순간 오디션에서 그녀의 노래가 가끔씩 그의 귀를 맴돌았을 겁니다. 이 영화는 같은 류의 무거운 사랑을 원하는 이와 가벼운 사랑을 원하는 이 사이의 갈등과는 다릅니다. 둘 각각의 사랑의 경중은 애매모호합니다..
[Node.js] 🤷♂️ Node.js란 무엇인가?
[Node.js] 🤷♂️ Node.js란 무엇인가?
2019.02.10Node.js란 무엇인가? Node.js는 구글 크롬의 자바 크롬의 JavaScript 엔진(V8 Engine)으로 빌드 된 JavaScript 런타임입니다. 👉 JavaScript 엔진과 JavaScript 런타임의 차이? JavaScript는 일반적으로 크롬(Chrome)과 같은 브라우저에 내장되어있습니다. 그래서 그 동안 JavaScript는 브라우저에 종속되어 있었습니다. 이는 콘솔에서 JavaScript 명령어를 쳐보시면 확인 할 수 있습니다. JavaScript를 크롬(Chrome)같은 브라우저에서만 쓰는 것이 아닌 브라우저 밖. 즉, 내 컴퓨터에서 다양한 용도로 확장하기 위해 만들어진 것이 바로 Node.js입니다. Node.js를 이용하면 Python과 같이 내 컴퓨터에서 File Syst..
자바스크립트 엔진(JavaScript Engine)과 자바스크립트 런타임(Javascript Runtime)의 차이
자바스크립트 엔진(JavaScript Engine)과 자바스크립트 런타임(Javascript Runtime)의 차이
2019.02.10⚙ 자바스크립트 엔진(JavaScript Engine)자바스크립트 엔진은 파싱과 JIT 컴파일을 하는 머신을 제공해야합니다.자바스크립트로 쓰여진 스크립트로 기계가 실행가능한 과정을 만들어내는 과정을 할 수 있어야합니다. 대표적인 예시는 Google V8 엔진이 있습니다. 🗜 자바스크립트 런타임(JavaScript Runtime)자바스크립트 런타임환경은 프로그램에 실행동안 사용 가능한 내장된 라이브러리를 제공합니다. 따라서 만약 당신이 브라우저 안에서 윈도우 오브젝트나 DOM API를 사용하고자한다면, 이 과정에 브라우저의 JavaScript 런타임 환경(Runtime Environment)이 포함될 것입니다. Node.js 런타임(runtime)은 Cluster와 FileSystem API들 같은 다른 ..
웹 사이트(website)와 웹 애플리케이션(webapplication) 뭐가 다를까?
웹 사이트(website)와 웹 애플리케이션(webapplication) 뭐가 다를까?
2019.02.10웹 사이트(website)와 웹 애플리케이션(webapplication) 특별한 경계없이 마구잡이로 혼용돼서 쓰이는 느낌이 있는 두 용어의 차이는 무엇일까요? ❗ 주의용어의 정의라는 것이 그렇듯이 전적으로 주관의 영역에 해당됩니다. A에게는 웹 사이트라고 생각한 곳이 B에게는 웹 애플리케이션이 될 수도 있습니다. 여기서 설명드린 차이는 보편적인 경우에 대해서만 설명하고 있습니다. 웹 사이트는 정보제공적 성격이 강하다.웹 사이트는 해당 웹의 컨탠츠로 정의된다고 할 수 있습니다. 웹 사이트 안에 있는 컨탠츠들이 본질인 것이죠. 따라서 웹 사이트에서 사용자가 할 수 있는 것은 페이지를 돌면서 정보 및 컨탠츠를 일방적으로 얻어가는 것밖에 할 수 없습니다. 웹 사이트의 예시로는 정보제공적 성격을 띄는 뉴스 사이트..
스토리를 짜는 3가지 방법
스토리를 짜는 3가지 방법
2019.02.10마사토끼님의 유튜브 영상인 에 대한 기록과 제 생각에 대한 글입니다. 스토리는 기본만 하면 혼자서 할 수 있는 행위이다. 1. 🤔 집요하게 생각하기 스토리는 생각의 산물이다. 생각을 해야 스토리가 떠오르는 법이다. 첫째. 범위, 많은 양을 생각한다. 좋은 생각, 기발한 생각이 떠오를 때까지 계속 생각하다보면 싹수가 보이는 아이디어를 건지게 된다. 공원을 산책한다던가 방안을 두리번거리면서 생각하는 방법도 있다. 가만히 생각하면 졸리니까 주의하도록. 그리고 언제나 일생의 사소한 일에도 주의를 가지고자하는 마음가짐을 가져야한다. 둘째. 싹수가 보이는 아이디어를 파고 파서, 좋은 아이디어에 도달한다. 대부분의 아이디어는 싹수는 보이지만 완벽하지 않은 아이디어이다. ..
[JavaScript] 🤳 JavaScript로 정규표현식을 이용한 검색창 구현하기
[JavaScript] 🤳 JavaScript로 정규표현식을 이용한 검색창 구현하기
2019.02.10🤳 Day6 - JavaScript로 정규표현식을 이용한 검색창 구현하기JavaScript 30의 여섯 번째 프로젝트는 정규표현식을 이용하여 검색창을 구현하는 프로젝트입니다.😃 HTML 코드12345678910111213141516171819 Type Ahead 👀 Filter for a city or a state Colored by Color Scriptercs 😃 CSS 코드1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677html { box-sizing: border-box; backgrou..
🐥 2018 카카오 블라인드 채용 알고리즘 테스트 3차 Python 풀이 모음 / KAKAO BLIND RECRUITMENT
🐥 2018 카카오 블라인드 채용 알고리즘 테스트 3차 Python 풀이 모음 / KAKAO BLIND RECRUITMENT
2019.02.092018 카카오 블라인드 채용 알고리즘 테스트 3차 Python 풀이 / KAKAO BLIND RECRUITMENT 🙋♂️ 목적 Python의 경우 C++에 비해 참고할만한 풀이가 대체로 적다고 생각했습니다. 문제를 푸시다가 공식 문제 해설을 봐도 정 모르겠는 경우 힌트 정도로 이용하시면 되겠습니다. 문제 풀이 → 공식 문제 해설 참조 → 다른 코드 참조 순서로 보시는 걸 추천드립니다. ✨ 카카오에서 제공하는 "공식 문제 해설"과 함께 읽으면 좋습니다. 1. N진수 게임 문제 풀기 / 풀이 보기 2. 💾 압축 문제 풀기 / 풀이 보기 3. 📁 파일명 정렬 문제 풀기 / 풀이 보기 4. 🤳 방금 그 곡 문제 풀기 / 풀이 보기 5. 자동완성 문제 풀기 / 풀이 보기 + ✍️ 필기 시험 문제 풀기 / 풀이..