분류 전체보기153 안드로이드 - 자신의 앱의 아이콘 변경하기 안드로이드의 앱의 아이콘 변경 안드로이드에서 제공하는 기본 앱 아이콘은 안드로이드 얼굴 모양이지만, 사용자 특성에 맞게 앱 아이콘을 변경 할 수 있습니다. 아이콘을 /res 디렉터리에 mipmap 디렉터리에 넣으면 됩니다. 그런데 mipmap 디렉터리는 해상도에 따라 여러개의 디렉터리로 구성되어 있으므로, 각각에 디렉터리에 있는 ic_launcher.png 크기에 맞게 아이콘을 변경에서 넣어야 다양한 안드로이드 기기에서 제대로 보이게 됩니다. 해상도별 런처 아이콘 크기 정리 해상도 크기 mdpi 48px * 48px hdpi 72px * 72px xhdpi 96px * 96px xxhdpi 144px * 144px xxxhdpi 192px * 192px 런쳐 아이콘 쉽게 만들기 앱을 설치했을 때 바탕화면.. 2018. 11. 20. GIT - Oh-my-zsh 터미널에서 많이쓰는 git 단축키 정리 oh-my-zsh 많이쓰는 git 단축키 gst git status 현재 local repository 의 상태를 보여준다 gco git checkout 브랜치를 바꾸는 명령을 수행한다. ggl git pull origin $(current_branch) remote에서 현재 브랜치로 pull 명령을 수행한다. ggp git push origin $(current_branch) 현재 브랜치에서 remote 로 push한다. glg git log --stat --max-count = 10 -- stat : 각 커밋의 통계정보를 보여준다. git log + 상태정보 라고 생각하면 편하다. glgg git log --graph --max-count = 10 --graph : 각 브랜치와 머지 히스토리 정보를 .. 2018. 11. 15. React - JSX를 사용할때 몇가지 주의사항 정말 기초적인 내용이지만 처음에 조금 헤멜 수 있는 주의사항입니다. JSX 태그 내부에 변수를 넣는 방법 {value} 의 형태로 사용합니다. ex) const msg = {item} - {value}원 JSX 태그의 속성 값에 변수를 넣는 방법 (x) JSX를 작성할 때의 주의사항 return에서 오류 발생하는 구문, => 자바스크립트 내부에 html을 작성해야 하기 때문에 발생합니다. return 이또한 지나가리라 ==> (x) return ( 이또한 지나가리라 ==> (o) ) 2018. 11. 12. GIT - git stash pop 시에 나타나는 merge에러 해결 git에서 git stash pop시에 발생하는 merge에러 해결 git에서 git stash pop 명령어 사용시에 merge 에러가 발생할 수 있습니다. 물론 실제 메뉴얼대로 충돌되는 부분을 수정한뒤에 commit 해도 됩니다. 그러나 해당 충돌을 피하기 위해서는 reset 명령어를 통해 쉽게 해결할 수 있습니다. 위의 명령을 쓰게되면 staged files들을 다시 unstaged하게 만들어주기 때문에 깔끔하게 merge complict를 해결할 수 있습니다. 아래 그래프를 참조하시면 이해가 편할겁니다. Index는 다음에 커밋할 스냅샷을 저장하는 용도이며, HEAD는 마지막에 커밋한 스냅샷을 의미합니다. https://www.stefaanlippens.net/resolve-git-unmerged.. 2018. 11. 9. 네트워크 관련 면접 질문 모음 (계속 업데이트 예정) Restful API를 써본 경험이 있습니까? -> 네, 저는 Tmap 에서 제공하는 도보 안내 경로를 얻기 위해 rest api 요청을 보내서 Json값을 받아와서 길찾기 경로 어플리케이션을 만드는데 사용해본 경험이 있고, 간단한 날씨정보를 조회하는 json값을 SK플레닛에서 받아온 경험이 있습니다. 또 rest API이해를 위해 AWS의 Lamda 서비스를 이용하여 put delete post get을 이용한 echo서버를 만들어 본 경험이 있습니다. 스택과 큐의 차이점에 대해 설명하시오. 스택은 LIFO의 구조로 나중에 온 사람이 먼저 일을 처리하는 구조로 되어있습니다. 스택은 주로 프로그램상에서 지역변수와 매개변수를 저장하는 용도로 사용됩니다. 스택 영역에 할당될 메모리의 크기는 컴파일 타임에 결.. 2018. 11. 1. React - virtual DOM의 개념 React를 위한 DOM개념 DOM이란 (Document Object Model)의 약자로 객체를 통해 구조화된 문서를 표현하는 방법입니다. DOM은 트리형태로 되어 있어서 특정 node를 찾을 수도 있고 수정하거나 제거 할 수 있습니다. DOM은 동적인 UI에 최적화가 되어 있지 않기 때문에 JQuery를 사용하여 동적인 효과를 줄 수 있습니다. 하지만 큰 규모의 웹 어플리케이션(ex) 트위터,페이스북) 에서는 스크롤을 내리다 보면 정말 수많은 데이터가 로딩이 되고 각 데이터를 표현하는 요소도 많아지게 됩니다. 이와같은 요소의 갯수가 몇백개 몇천개 단위로 많아진 상태에서 DOM에 직접 접근하여 변화를 주다보면 성능상 이슈가 발생하게 됩니다. 이는 DOM자체가 javascript엔진에 비해 느려서 그런 .. 2018. 10. 28. if kakao - 기조연설 카카오는 변화의 시기에 성장한 회사이다. 카카오가 집중하고 있는 기술 1. 안정성2. 사용자경험 3. Data4. next innovation집안에서 차안에서 어디에서든 인공지능 서비스를 제공하기 위해 노력하고 있다. 카카오와 AI - Kakao I 플랫폼의 성장 인공지능의 성공에는 알고리즘과 양질의 데이터가 필요하다. open builder AI를 인공지능 서비스화 하는 기능Open Builder를 사용하면 여러 분야에 쉽게 AI를 접목시킬 수 있다쳇봇과 카카오 미니 두가지 플렛폼을 동시에 사용 할 수 있다.현재 약 40여개의 서비스가 open builder로 지원되고 있다. (6개월만에)카카오 i 플랫폼의 성장 / 확장 카카오 i는 집과 자동차로 확장할 계획을 가지고 있다.자동차카카오 네비와 카카오 .. 2018. 10. 1. text-indent 속성 CSS text-indent text-indent 속성을 들여쓰기 효과를 지정합니다. 즉 문단의 첫번째 줄을 지정한 길이만큼 들여쓰기 한다고 생각하시면 됩니다. 2018. 10. 1. PWA란? PWA의 특징 PWA란? 구글 크롬 엔지니어 알렉스 러셀이 2015년에 고안한 개념입니다. 궁극적으로 앱 수준과 같은 사용자 경험을 웹에서 제공하는 것이 목적입니다. Progressive Web App은 웹의 장점과 웹의 장점을 결합한 환경입니다. PWA의 특징 이것은 사용자가 브라우저 탭을 맨 처음 방문할 때부터 유용하고, 설치가 필요 없다는 장점이 있습니다. 시간의 흐름에 따라 사용자가 앱과의 관계를 점진적으로 쌓아갈수록 성능이 더욱 강력해질 것입니다. 이 웹앱은 느린 네트워크에서도 빠르게 로드되고, 관련된 푸시 알림을 전송하며, 홈 화면에 아이콘이 있고, 최상위의 전체 화면 환경으로 로드됩니다. 즉 PWA는 확장성이 좋고 깊이 있는 앱같은 웹을 만드는 것을 지향합니다. 모바일을 중심으로 하는 인터넷 서비스는 크게.. 2018. 9. 28. nodejs의 모듈 시스템 : export, import 모듈 시스템 자바스크립트는 예전부터 리소스 관리가 어려운 문제가 있었습니다. 리소스는 웹페이지를 구성하는 자원들인데 현재 웹에서는 해당 페이지에 필요한 모든 파일을 불러 와야 하고 그 파일들이 곂치지 않는지 잘 살펴봐야 합니다. 하지만 npm 과 같은 패키지 관리 툴을 사용하여 여러 자바스크립트 라이브러리들을 개발자들이 쉽게 사용할 수 있도록 구현하였고, 자신이 구현한 자바스크립트의 리소스들도 쉽게 다른 파일에서 사용할 수 있게 관리 할 수 있습니다. 기존의 모듈 시스템 require require React from 'react'; require from 'react-dom' 과 같은 형태로 이용이 가능합니다. 모듈 시스템 import import React from ‘react’; Import fro.. 2018. 9. 27. 이전 1 ··· 9 10 11 12 13 14 15 16 다음