coding 89
[강의] 스파르타코딩클럽 무료 코딩 강좌
무료 코딩 수업을 하나 소개해드립니다. 1. 스파르타코딩클럽 spartacodingclub.kr/family 가정의 달 무료특강 이벤트 투표만 해도 경품이! 총 500만 원 주인공 되자! spartacodingclub.kr ① 무료 수업 이벤트 스파르타코딩클럽에서 가정의 달을 맞아 무료특강 이벤트를 진행 중이에요. 특강과 더불어 이벤트도 진행 중인듯합니다. 2. 무료 수업 신청 ① 무료 수업 참여하기 특강 신청 기간은 5월 19일까지니 날짜를 유의해주세요. 이벤트 페이지 내에 있는 노란색 버튼인 '무료 수강하고 이벤트 참여하기'를 눌러 참여하시거나 맨 아래에서 계속 따라오고 있는 '무료로 코딩 수업 듣고 전시 참여하기' 버튼을 눌러주세요. ② 수강 신청 강의에 대한 자세한 설명 페이지가 나오면서, 오른쪽..
[css] 내비게이션(gnb) 만들기 05 - 가운데 정렬
안녕하세요. 개자이너 씸플레이입니다. 사실 헤더 부분 전체를 가운데 정렬하는 것이지만 일단 제목을 이렇게 적어봤어요. 1. 여백 확인 ① 현재 상황 파악 지금까지 잘 따라오셨다면 로고와 카테고리가 각각 양 옆으로 붙어있을 겁니다. 그런데 뭔가 이상하죠? 다른 사이트들을 보면 글자는 중앙에 있고 양쪽은 여백인 곳이 많을 거예요. 그렇습니다. 너무 끝에 몰려있다는 생각을 하셨을 거예요. 2. 태그 추가 ① 태그 추가 컨텐츠가 있는 영역과 여백이 있는 영역 두 개가 필요하기 때문에 콘텐츠를 한 번 더 감싸줍니다. 감싸주는 태그로는 태그를 사용했습니다. 래핑 단축키는 Ctrl + Shift + P 입니다. >래핑 설명 보러가기margin: 0 atuo; 설명 보러가기
[git] 깃 01 - 설치해보자
안녕하세요. 개자이너 씸플레이입니다. 오늘은 깃을 설치해보겠습니다. 1. 홈페이지 접속 git-scm.com/downloads Git - Downloads Downloads macOS Windows Linux/Unix Older releases are available and the Git source repository is on GitHub. GUI Clients Git comes with built-in GUI tools (git-gui, gitk), but there are several third-party tools for users looking for a platform-specific exp git-scm.com ① 운영체제에 맞게 상단의 주소로 접속하면 바로 다운 받을 수 있는 화면이 ..
[css] 내비게이션(gnb) 만들기 03 - 가로로 정렬하기
안녕하세요. 개자이너 씸플레이입니다. 오늘은 드디어 css를 진행합니다! 1. 기본사항 살펴보기 ① 기본사항 참고사항 : 리스트 데코레이션이나 태그에 적용된 색들은 미리 빼두었습니다. 기본적으로 태그는 블록 태그이기 때문에 글씨가 옆으로 써지지 않고 아래로 써집니다. 원하는 디자인 : 로고 옆으로 카테고리들이 가로로 나열되면 좋겠다. ② 블록 태그 줄 노트를 상상해보세요. 그리고 한 줄이 한 블록이라고 상상해봅시다. 그 한 줄을 혼자서 차지하는 태그가 블록 태그입니다. 카테고리1 라고 적으면 한 줄에 카테고리1이라는 글자만 써야 한다는 의미죠. 2. 내비게이션을 오른쪽으로 ① 원하는 이미지 상상하기 각자 원하는 내비게이션의 이미지가 있을 거예요. 처음은 어렵지 않게 제가 이미지를 보여드리겠습니다. 원하는..
[html] 내비게이션(gnb) 만들기 02 - 페이지 주소 팁
안녕하세요. 개자이너 씸플레이입니다. 저번 포스팅에 이어서 주소를 적는 팁을 짧게 소개해드릴게요. 1. 링크 위치 확인 ① 위치 확인 저번 포스팅에서 링크 주소는 넘어갔었는데요, 자리를 한 번 확인하고 넘어가 봅시다. 태그에 넣어주시는 것 알고 계시죠? href=""에서 따옴표 안쪽에 주소를 넣어주시면 됩니다. 2. 서브 페이지 이름 ① 서브 페이지 이름 정하기 사실 주소라는 건 서브 페이지 html 파일의 이름이거든요. 이름은 홈페이지를 만드는 사람이 정하는 건데 알아보기 쉽게 적는 것이 팁이라면 팁입니다. ② sub101.html 서브페이지의 이름을 sub라는 이름과 숫자를 조합해서 만들었습니다. 나중에 어디 서브에 몇 번째 하위 페이지라는 것을 한눈에 알아볼 수 있겠죠. 101이면 서브 1의 하위 ..