본문 바로가기

반응형
분류 전체보기
반응형
244

[Google Analytics] 구글 애널리틱스 내부 트래픽 필터링하기 [Google Analytics] 구글 애널리틱스 내부 트래픽 필터링하기 안녕하세요. 당근입니다. 구글 애널리틱스를 사이트에 세팅해놓고 사이트에 얼마나 유입이 되고 있는지 확인할 때 자기 자신 및 동료들이 사이트에 들어오는건 빼고 계산을 해야겠죠? 내부 트래픽 필터링을 통해 특정 IP를 카운트되지않도록 설정할 수 있습니다. 특히 회사 내부에서 사이트에 들락날락 하는 사람이 여러명이라면 이런 설정이 더 중요하겠죠? 구글 애널리틱스를 갓 설치한 상태라면 구석탱이에 알림이 떠 있을 거예요. 이걸 눌러보면 내부트래픽을 필터링하라는 알람이 와있습니다. 그만큼 중요하고 기본적인 세팅이라는 뜻이겠죠? 본격적으로 필터링을 해보겠습니다. 애널리틱스 화면 구석에서 설정아이콘을 누릅니다. 그리고 보기 탭에서 필터 항목을 선.. 2020. 3. 15.
[포토샵] 포토샵 일반 도큐먼트에서 아트보드 형식으로 전환하기 포토샵 일반 도큐먼트에서 아트보드 형식으로 전환하기 안녕하세요. 당근입니다. 포토샵이 CC부터 일러스트처럼 한 파일에서 다수의 아트보드를 만들어서 작업할 수 있게끔 바뀌었잖아요. 처음에 파일을 열 때 사이즈 입력란 옆에 아트보드 항목을 체크하시면 아트보드 형식으로 편집하실 수 있어요. 그러나 디폴트는 체크가 해제되어있기 때문에 종종 작업하다가 일반 도큐먼트를 아트보드 도큐먼트로 전환하고 싶을 때가 생깁니다. 먼저 아트보드를 만들 요소를 그룹으로 묶어줍니다. 그리고 레이어창에 해당 그룹 우클릭 - Artboard from group을 선택하세요. 이렇게 아트보드로 만들어지네요! 미리보기용 시안과 따로 뽑아낼 요소를 아트보드로 정리해두면 작업하기도 편하고 출력할 때도 export로 한번에 출력하면 되니까 정.. 2020. 3. 14.
유튜브 영상 삽입 오류 "www.youtube.com에서 연결을 거부했습니다." 해결 방법 유튜브 영상 삽입 오류 "www.youtube.com에서 연결을 거부했습니다." 해결 방법 안녕하세요. 웹사이트에 영상 임베드했는데 "www.youtube.com에서 연결을 거부했습니다"라고 뜨면서 유튜브 영상이 출력되지 않는 경우 제가 해결한 방법을 소개해드릴게요. 최근 웹사이트 메인에 임베드된 영상을 갈아끼워야하는 일이 있었는데요. 아이프레임으로 삽입된 비디오였습니다. 원래 코드에 src부분에 영상 주소만 바꾸면 되는 간단한 일이었죠. 단도직입적인 해결방법! https://youtu.be/abcdefg 이렇게 생긴 공유용 주소를 붙여넣으시면 안됩니다. 유튜브 퍼가기에 들어가면 나오는 코드에 있는 https://www.youtube.com/embed/abcdefg 이런식의 주소를 붙여넣어야해요. 위에 .. 2020. 3. 13.
[ATOM]아톰에서 Remote FTP로 FTP 연결하기 [ATOM]아톰에서 Remote FTP로 FTP 연결하기 안녕하세요. 오늘은 아톰에서 FTP로 바로 접근할 수 있는 패키지 Remote-FTP를 설치해보고 연결해보겠습니다. 참고로 아톰은 https://atom.io/에서 다운받으실 수 있어요. 오랜만에 아톰을 새로 깔았습니다. 여기서 Install a Package를 눌러서 들어가세요. Open Intaller를 클릭하시면 패키지를 검색할 수 있는 창이 나옵니다. remote ftp를 검색하세요. 여러가지 패키지가 나오지만 저는 icetee라는 사람이 만든 remote-ftp를 설치할거예요. 다운로드수도 제일 많네요. 인스톨 버튼을 눌러줍니다. 상단 패키지(packages) 메뉴에 들어가보면 가장 하단에 Remote FTP가 있죠? 잘 설치된겁니다. T.. 2020. 3. 12.
카페24 호스팅 후 파일질라(filezilla)로 FTP접속하기 카페24 호스팅 후 파일질라(filezilla)로 FTP접속하기 안녕하세요. 당근입니다. 오늘은 카페24기준으로 웹호스팅을 받은 후 카페24 웹 FTP를 사용하지 않고 파일질라(filezilla)를 이용해서 FPT에 접속하는 법을 알아보겠습니다. 먼저 파일질라를 다운받으세요. https://filezilla-project.org/ FileZilla - The free FTP solution Overview Welcome to the homepage of FileZilla®, the free FTP solution. The FileZilla Client not only supports FTP, but also FTP over TLS (FTPS) and SFTP. It is open source softwa.. 2020. 3. 11.
아이폰 화면 녹화하기 아이폰 화면 녹화하기 안녕하세요? 오늘은 간편하면서도 유용한 아이폰 팁을 가지고 왔습니다. 바로 화면녹화인데요. 아이폰으로 화면 녹화 하는 방법! 있는건 알았지만 정작 잘 쓸일이 없어서 이번에 처음 알았어요. 엄청 간단하니까 한번 따라해보세요. 설정-제어센터에 들어갑니다. 제어 항목 사용자화에 들어가세요. 그럼 활성화 되지 않은 것들중에 화면기록이 제일 아래에 있습니다. 플러스 버튼을 눌러서 위쪽에 포함된 항목에 표시될 수 있게 하세요. 화면 기록 이제 어디에 있는지 알아볼까요? 바로바로 상단 오른쪽을 살짝 아래로 내리면 나오는 퀵메뉴들 아시죠? 거기에 추가되었습니다. 녹화를 누르면 3-2-1이렇게 카운트하면서 살짝 준비할 시간을 줘요 ㅎㅎㅎ 그리고 녹화중에는 이렇게 상단에 시계가 빨간색으로 변해서 녹화.. 2020. 3. 5.
[피그마figma] 텍스트 길이에 따라 변하는 플렉서블flexible 버튼 만들기 [피그마figma] 텍스트 길이에 따라 크기가 변하는 플렉서블flexible 버튼 만들기 안녕하세요. 당근입니다. 오늘은 간단하지만 되게되게 유용한 피그마 튜토리얼입니다. 저도 요즘 피그마에 적응중이라 차근차근 해보면서 가끔은 삽질도 하면서? ... 공부해나가는 중입니다. 오늘은 버튼을 만들어볼건데 텍스트를 기준으로 여백을 유지하면서 자동으로 크기가 늘어나는 버튼을 만들 것입니다. 이렇게 말이죠. 먼저 버튼을 만들고 Create Component 해줍니다. 버튼 안에 있는 텍스트의 위치가 박스의 중앙에 위치하도록 Constraints를 설정합니다. Paragraph도 가운데 정렬해주셔야 텍스트 수정할 때 용이하겠죠. 텍스트의 가로크기를 확인하신 다음 박스를 다시 선택하시고 텍스트 크기+양옆 여백(패딩)을.. 2020. 3. 3.
[일러스트레이터] 블렌더 툴로 입체적인 텍스트 표현하기 [일러스트레이터] 블렌더 툴로 입체적인 텍스트 표현하기 안녕하세요. 당근입니다. 오늘도 간단한 타이포그래피 튜토리얼을 가져왔습니다. 아래로 살짝 입체감을 주어 글씨가 타이포가 더 돋보이게 해주고 가시성을 올려주는 디자인입니다. 굵은 폰트를 사용하는 텍스트 위주의 화면을 구성할 때 유용해요. 완성샷을 먼저 볼까요? 먼저 아트보드를 불러온 후 원하는 텍스트를 쓰세요 이 상태에서 같은 텍스트를 복사하여 붙여넣고 뒤로 정렬합니다. 마우스 우클릭 - Arrange - Send to Back 을 누르시거나 단축키 Ctrl + Shift + [ 를 누르세요. 그럼 이렇게 되겠죠? 이처럼 같은 텍스트를 이용해 앞에 있는 텍스트에 좀 더 어둡게 명암을 주고싶다고 생각해보세요. 이렇게 모서리 부분이 이어져있지 않아서 글씨.. 2020. 3. 2.
UI/UX 협업에 필요한 프토토타이핑 툴 정리 : 다운로드 및 학습 사이트 UI/UX 협업에 필요한 프토토타이핑 툴 정리 스케치 Sketch https://www.sketch.com/ The digital design toolkit Save, share and organize your designs, in one place Seamless integration to the Mac app makes saving to Cloud as easy as hitting ⌘S. From there, you can organize designs into Projects, share them with collaborators (or a whole team) and keep track of chang www.sketch.com 맥 OS용 프로그램. 유료. 1년 99달러 (체험사용 가능, 1년 후.. 2020. 2. 26.

티스토리툴바