ssimplay 28
[Node.js] cmd로 실행하기
안녕하세요. 플입니다. 오늘은 Node.js를 실행해보겠습니다. 1. cmd 열기 실행창을 열어 cmd를 열어줍니다. 단축키는 window + R입니다. 2. 폴더 이동하기 기본 폴더가 C로 설정되어 있으니 D폴더로 이동해줘야 합니다. d:를 입력해 폴더를 이동해줍니다. d폴더로 이동했습니다. 다음은 Node.js파일을 저장한 폴더로 이동해줍니다. 명령어는 cd 폴더명입니다. cd는 "Change Directory"의 줄임말로 디렉토리, 즉 폴더를 바꿔주는 명령어입니다. 저는 폴더명을 nodejs라고 저장했기 때문에 cd nodejs라고 적어주었습니다. 엔터를 누르면 폴더가 이동된 걸 확인할 수 있습니다. 3. Node.js 실행하기 제가 실행시킬 node.js 파일입니다. nodejs라는 폴더 안쪽에 ..
[wix] 요소 위치 고정 하기
안녕하세요. 플입니다. 오늘은 윅스에서 요소의 위치를 고정해보겠습니다. 위치 고정은 스크롤을 내려도 그 요소가 계속 화면의 같은 자리에 위치하게 됩니다. 코딩으로는 position:fixed;와 같은 효과를 줍니다. 주로 로고, 메뉴 등에 사용하거나 연락처 등을 계속 보이게 하고 싶을 때 사용합니다. 1. 오른쪽 클릭 위치 고정은 간편하게 할 수 있습니다. 고정하고자 하는 요소에서 오른쪽 클릭을 하면 아래쪽에 위치 고정이라는 항목이 바로 보입니다. 위치 고정을 클릭해줍니다. 2. 위치 설정 위치 고정을 클릭하면 바로 설정창이 뜹니다. 위치를 설정할 수 있는데 마우스를 올리면 어디쯤 위치할지 미리 보기로 보여줍니다. 이미지는 이미 위치한 곳에는 미리보기 영역이 뜨지 않아서 오른쪽 위를 마우스 오버해본 것이..
[포토샵] 시안 썸네일 만들기
안녕하세요. 플입니다. 오늘은 시안 썸네일을 만들어보겠습니다. 사실 이걸 시안 썸네일이라고 하는지는 모르겠는데 지칭하는 말을 모르겠네요. 아시는 분은 댓글로 알려주세요. 1. 정사각형 캔버스 만들기 정사각형으로 캔버스를 만들어줍니다. 왜 정사각형이냐면 저는 이 이미지를 인스타그램에도 올리기 때문인데요. 그렇지 않다면 굳이 정사각형이 아니어도 괜찮습니다. 2. 이미지 불러오기 완성된 시안 이미지를 불러옵니다. 이미지는 캔버스의 정 중앙에 둡니다. 3. 배경 넣기 시안에 맞춰 배경을 넣어줍니다. 저는 메인 컬러인 청록색을 위쪽에 서브 컬러인 노란색을 아래쪽에 넣어주었습니다. 메인의 비율이 절반보다 조금 많게 해 주었습니다. 4. 효과 주기 배경과 분리를 위해 테두리를 넣어줍니다. 레이어 스타일로 효과를 주었..
[css] border-style 종류
안녕하세요. 플입니다. 오늘은 border-style 종류를 알아보겠습니다. border 보더는 테두리를 말합니다. css에서 border 값을 설정하면 테두리 디자인을 할 수 있습니다. 오늘은 그중 style에만 중점을 두고 살펴보겠습니다. 1. dotted 도티드는 점선이라고 생각하시면 됩니다. 테두리가 점선으로 처리됩니다. p{ border-style: dotted; } 2. dashed 대쉬드는 짧은 선이 연속으로 나옵니다. 점선과 비슷하지만 점보다는 조금 긴 모양이죠. p{ border-style: dashed; } 3. solid 솔리드는 가장 많이 사용하는 형태로 선 타입입니다. p{ border-style: solid; } 3. double 더블은 두줄이 나옵니다. 주의할 점은 두줄이기 때..
[꿀정보] 코딩야학 6기
안녕하세요. 플입니다. 오늘은 코딩야학을 소개해보려고 합니다. 저는 5기 때 기초 수업을 들었는데 벌써 6기가 시작하네요. 기간은 8월 1일 ~ 8월 14일 까지 입니다. 코딩에대한 기초공부도 할 수 있고, 프로젝트를 진행할 수도 있는 10일 기간의 수업입니다. 무엇보다 전문가에게 질문할 수 있다는 점이 매력적입니다. 그리고 혼자하는 공부보다는 여럿이 하는 공부가 역시 오래가고 즐겁지 않겠습니까? 더 많은 사람들과 같이 시작해보고자 여기에도 남겨봅니다. 기초 수업은 생활코딩에서 계속 들을 수 있지만 질문은 10일간의 기간에만 할 수 있으니 10일을 알차게 활용해봅시다. https://youtu.be/N3IAR4DSJYQ 위는 코딩야학 모집 영상입니다. https://coding.yah.ac/ 코딩야학 진..