전체보기 957
[wix] 요소 위치 고정 하기
안녕하세요. 플입니다. 오늘은 윅스에서 요소의 위치를 고정해보겠습니다. 위치 고정은 스크롤을 내려도 그 요소가 계속 화면의 같은 자리에 위치하게 됩니다. 코딩으로는 position:fixed;와 같은 효과를 줍니다. 주로 로고, 메뉴 등에 사용하거나 연락처 등을 계속 보이게 하고 싶을 때 사용합니다. 1. 오른쪽 클릭 위치 고정은 간편하게 할 수 있습니다. 고정하고자 하는 요소에서 오른쪽 클릭을 하면 아래쪽에 위치 고정이라는 항목이 바로 보입니다. 위치 고정을 클릭해줍니다. 2. 위치 설정 위치 고정을 클릭하면 바로 설정창이 뜹니다. 위치를 설정할 수 있는데 마우스를 올리면 어디쯤 위치할지 미리 보기로 보여줍니다. 이미지는 이미 위치한 곳에는 미리보기 영역이 뜨지 않아서 오른쪽 위를 마우스 오버해본 것이..
![[wix] 요소 위치 고정 하기](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/EMbLS/btqxxKMAGgI/iSfidOZffrNK0pRk0pZAkk/img.jpg)
[아톰] 에디터 다운로드
안녕하세요. 플입니다. 오늘은 아톰 에디터를 다운로드해보겠습니다. 1. 홈페이지에서 다운로드 https://atom.io/ A hackable text editor for the 21st Century At GitHub, we’re building the text editor we’ve always wanted: hackable to the core, but approachable on the first day without ever touching a config file. We can’t wait to see what you build with it. atom.io 아톰 홈페이지에 접속해 다운로드해줍니다. (홈페이지 너무 귀엽네요.) 크게 보이는 다운로드 버튼을 눌러 다운로드해줍니다. 2. 파일 실행..
![[아톰] 에디터 다운로드](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/l8Ji1/btqxuUH6mPN/hmXCDwk1bUMzeTynhotil1/img.jpg)
[Node.js] 설치하기
안녕하세요. 플입니다. 오늘은 Node.js를 설치해보겠습니다. 1. 파일 다운로드하기 https://nodejs.org/en/ Node.js Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. nodejs.org 우선 홈페이지에 접속합니다. LTS라고 쓰여있는 부분을 선택해 다운로드합니다. 2. 다운로드 파일 실행하기 파일을 다운로드하였다면 실행해줍니다. 저는 이미 깔려있어서 깔려있다고 뜨는데 실행할 때 나오는 창은 모두 Next를 누르고 넘어가시면 됩니다. 설치가 완료되었다면 Finish를 눌러서 설치를 끝냅니다. 3. 설치 확인하기 window + R 버튼을 눌러 실행창을 켜줍니다. cmd를 입력해 커맨드를 열어줍니다. ..
![[Node.js] 설치하기](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/qAEnI/btqxvMbsWPi/0ZnNIZd0M2nMS7dAvxTBg0/img.jpg)
[반응형] 포트폴리오 사이트
안녕하세요. 플입니다. 오늘은 완성된 포폴 사이트 메인 시안을 가져와봤습니다. 로고는 무료로 제작할 수 있는 사이트에서 제작했고, 컬러는 로고 컬러에 맞춰 진한 청록색과 노란색으로 포인트를 주었습니다. 전체적으로 사각형 모양을 주로 사용했고, 플랫 한 느낌을 주기 위해 노력했습니다. 노란색 배경으로 흰 배경일 때보다 경쾌한 느낌을 주려고 했습니다. 메인에서는 포트폴리오로 보일 작업물을 가장 큰 비중으로 넣어 집중시켰습니다. 사이트 이름과 제작 날짜를 적어 신뢰감을 높이는 효과를 기대해봤습니다. 바로가기 아이콘 역시 사각형 모양을 사용하였고 플랫 한 느낌을 주려고 노력했습니다. 마지막으로 시안 이미지를 남기고 마무리하겠습니다. 그럼 이만. 총총.
![[반응형] 포트폴리오 사이트](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/u3gJy/btqxtXqMkRa/J9SsD3ffTpK9XyUnL1t4Bk/img.jpg)
[애드센스] 재가입하기
안녕하세요. 플입니다. 오늘은 애드센스 재가입을 해보겠습니다. 1. 가입하기 재가입을 합니다. 애드센스에 들어가면 가장 위에 지금 가입하기라는 버튼이 있습니다. 로그인 버튼은 우측 상단에 있습니다. (제가 맨날 못 찾아서..) 사이트 url은 광고를 달고 싶은 해당 블로그 사이트 등을 입력하시면 됩니다. 지금은 티스토리 블로그 url을 넣어주겠습니다. 구글 계정이 로그인돼있다면 바로 구글 계정으로 로그인됩니다. 로그인이 안 돼있다면 구글 계정을 로그인해주세요. 국가를 선택하고 동의에 체크합니다. 계정 만들기를 누르면 애드센스 가입 완료입니다. 2. 주소 입력 가입이 완료되면 이런 튜토리얼이 나옵니다. 한 번씩 훑어줍니다. 수익금을 받으려면 주소가 꼭 필요합니다. 주소를 입력해주세요. 주소 입력 및 수정은..
![[애드센스] 재가입하기](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/boEOTH/btqxukZ2gqx/98MAzHy6VdJckzfqezYJm1/img.jpg)