코딩 맛집

요즘 같이 온라인이 발달 하면서, 점점 자신의 홈페이지 또는 SNS 주소들이 많아져 관리가 힘든 경우들이 있습니다. 이를 해결해 주기 위해서 새롭게 생겨난 서비스가 있습니다. 바로 링크트리(linktree) 라는 서비스 인데요. 오늘은 링크트리(linktree)를 사용하는 방법에 대해서 알아 보도록 하겠습니다. 1. 아래 링크트리(linktree) 사이트에 접속해서 회원가입을 해주세요. Linktree™ | The Only Link You'll Ever Need Meet Linktree™, the free bio link tool used by the world’s best brands, creators and influencers. linktr.ee 2. 이메일 검증까지 모두 끝이 나면 자신의 홈페이지..

JavaScript의 배열과 유사 배열에 대해서 알아 보겠습니다. var array = [1, 2, 3]; // [1, 2, 3] var nodes = document.querySelectorAll('a'); // NodeList [a, a, a, ...] 위 예제에서 array는 배열이고, nodes는 유사배열입니다. 둘 다 []로 감싸져 있거든요. 그럼, Array.isArray 메서드 또는 instanceof Array 를 사용해서 어떤것이 배열인지 확인해 보도록 하겠습니다. Array.isArray(array); // true Array.isArray(nodes); // false array instanceof Array; // true nodes instanceof Array; // false ..

텍스쳐(Texture)는 표면의 재질을 의미합니다. 포토샵으로 이 텍스쳐(Texture)를 표현 하는 방법을 알아 보겠습니다. 1. 먼저 표현하고 싶은 텍스쳐(Texture)를 준비 합니다. 2. 그리고 이 텍스쳐(Texture)를 포토샵 파일(psd)로 만들어 저장 시켜 둡니다. 3. 새로운 포토샵 파일을 만들어 바닥에 위 텍스쳐를 깔아 줍니다. 4. 그리고 위에 표현하고 싶은 텍스트를 적어 줍니다. 5. 텍스쳐(Texture) 설정 이제 이 텍스트가 포함된 레이어(Layer)를 선택하고, 필터(Filter) -> 왜곡(Distort) -> 변위(Displace)를 선택 합니다. 6. 적당한 가로 비율, 세로 비율을 조정하여 확인을 클릭 합니다. 7. 2번에서 저장해둔 텍스쳐(Texture) 포토샵(p..

티스토리 블로그를 돌아다니다 보면 위 와 같은 '구독하기 버튼'(왼쪽)과 '블로그 메뉴바'(오른쪽) 버튼을 확인 하실수 있습니다. 사용자가 로그인이 되어 있는 상태라면 구독 버튼을 눌러 해당 티스토리를 구독 할 수 있는 기능 입니다. 1. 티스토리 블로그 관리 이동 -> 꾸미기 -> 메뉴바/구독 설정 2. 구독 버튼 설정 -> 표시합니다 구독 버튼 설정 -> 표시합니다. 로 설정을 변경 하고, 위치를 설정 할 수 있습니다. 저는 '오른쪽 상단'으로 설정 하였습니다. 설정을 다 하셨다면, 변경사항 저장을 눌러주세요! 3. 메뉴바 설정 -> 표시합니다. 메뉴바 설정 -> 표시합니다. 로 설정을 변경 하고, 위치를 설정 할 수 있습니다. 저는 '오른쪽 상단' 으로 설정 하였습니다. 설정을 다 하셨다면, 변경사..

안드로이드 앱을 열심히 개발하고 출시를 하였습니다. 하지만, 다른 개발자가 나쁜 마음을 먹고 출시된 앱의 apk를 디컴파일(decompile) 하여 소스 코드를 볼수 있다면, 열심히 개발한 앱을 쉽게 베낄수가 있습니다. 하지만, 이 소스 코드를 해독하기 어렵게 만드는 것이 난독화 작업 입니다. 안드로이드에서는 난독화를 위해서 Proguard(프로 가드)를 지원해 줍니다. Proguard(프로 가드)를 false -> true로 만 변경해 주시면 쉽게 난독화가 끝이 납니다. 1. minifyEnabled : false -> true 로 변경 build.gradle(Module : app) 에서 android -> buildTypes -> release -> minifyEnabled : false -> tr..

모바일 웹 환경에서 스크롤이 작동하지 않을때, overflow 속성의 scroll 또는 auto를 사용하여 스크롤을 만들 수 있습니다. overflow-x x축, 수평 부분의 내용이 넘칠때 overflow-y y축, 수직 부분의 내용이 넘칠때 visible : 요소의 내용이 넘어가도, 그대로 보여 줍니다. (기본값) hidden : 넘친 자식요소를 부모 요소 만큼 가립니다. scroll : 스크롤바를 항상 표시 합니다. auto : 내용이 넘칠때만 스크롤바를 표시 합니다.

파워포인트를 하다보면 이전 페이지와 다음 페이지의 컨텐츠 위치를 같은 곳에 두고 싶은 경우가 있습니다. 이런 경우를 사용 할 수 있는 '안내선', '눈금선', '눈금자'에 대해서 알려드리겠 습니다. 1. 안내선 안내선은 위와 같이 화면 수평과 수직으로 눈금선을 그려주는 선을 안내선 이라고 합니다. 위와 같이 '보기' -> '안내선' 을 선택하여 활성화 할수 있습니다. 안내선 단축키 : alt + f9 만약, 안내선을 더 추가하고 싶다면 'ctrl' 키를 누르고 추가하고 싶은 '수평/수직 선'을 클릭하여 드래그 하면 추가 할수 있습니다. 2. 눈금선 '보기' -> '눈금선' 을 선택하여 활성화 할수 있습니다. 3. 눈금자 '보기' -> '눈금자' 을 선택하여 활성화 할수 있습니다. 눈금자 표시 단축키 : ..

프리미어 프로 cs6, cc 버전에서 음성 변조 하는 방법을 소개 하겠습니다. 피치 변환(Pitch Shift) 을 이용하여 쉽게 변조 할 수 있습니다. 더 세부 조정 또한 '반음', '센트' 를 조절 하여 가능 합니다. 1. 효과(effect) -> 피치 변환(Pitch Shift) 왼쪽 아래 패널에서 효과(effect) -> 피치 변환(Pitch Shift) 를 변조 하고 싶은 음성 파일로 드래그 엔 드랍 해주세요. 2. 효과 컨트롤(Effect Control) -> 피치 변환(Pitch Shift) -> 편집(edit) 상위에 있는 효과 컨트롤(Effect Control) -> 피치 변환(Pitch Shift) -> 편집(edit) 클릭 하여 주세요. 3. 음성 변조 그럼 사전 설정 부분에 드랍 박..

일러스트에서 위 그림을 '눈금자' 라고 합니다. 또한 위와 같은 형광색 줄을 '안내선' 이라고 합니다. '눈금 자' 와 '안내선' 을 어떻게 켜고 끌수 있을까요? 단축키는 다음과 같습니다! 윈도우 와 맥북 단축키 모두 정리해 보았습니다.

일러스트로 수학 수식을 쓰다 보면 위 첨자, 아래 첨자를 써야 할 경우가 있습니다. 거듭 제곱 이나 또는 로그의 밑을 표현 할때 필요 합니다. 적용 방법은 간단 합니다. 1. 위 첨자 문자 도구(T)를 사용해서 숫자를 적고 거듭 제곱(위 첨자)이 필요한 부분에서 아래 단축키를 이용해서 적용 할 수 있습니다. 윈도우 OS : Shift + Ctrl + = 맥 OS : Shift + Command + = 2. 아래 첨자 문자 도구(T)를 사용해서 로그의 밑(아래 첨자)이 필요한 부분에 아래 단축키를 사용 합니다. 윈도우 OS : Alt + Shift + Ctrl + = 맥 OS : Alt + Shift + Ctrl + =