'coding' 카테고리의 글 목록 (22 Page)

[코드잇] 코딩 강의 사이트 추천

얼마 전부터 수강하고 있는 코딩 강의 사이트를 소개해드릴게요. 저는 챌린저스 어플을 통해 알게 되었는데요, 가끔 이렇게 콜라보를 해서 쿠폰으로 할인받아서 듣고 있습니다. 챌린저스 가입 시 추천인란에 '라임맛'을 적어주시면, 도전에 사용하실 수 있는 500원을 받을 수 있어요!! 양쪽 다 500 원주면 좋은데 추천받는 사람은 하트를 주더라구요 ㅎㅎ 필요하신 분들은 추천인에 마구마구 사용해주세요 1. 코드잇 www.codeit.kr/ 코딩이 처음이라면, 코드잇 월 3만원대로 Python, JavaScript, HTML/CSS, Java 등 1,600개 이상 프로그래밍 강의를 무제한 수강하세요 www.codeit.kr:443 ① 사이트 소개 사이트에 처음 들어가자마자 맴버십이라는 단어가 눈에 띕니다. 이곳은 ..

coding/개발 팁 · 2021. 4. 2. 09:30

[Python] 파이참 콘솔 위치 바꾸기

파이참에서 콘솔의 위치를 자유롭게 변경해봅쉬다! 1. 파이참 ① 콘솔창 확인 파이참에서 콘솔을 열면 기본적으로 아래에 표시됩니다. 이 콘솔창의 위치를 바꿔보겠습니다. 2. 설정 ① 설정 콘솔창의 오른쪽 끝을 보시면 톱니바퀴 모양이 있습니다. 이 톱니바퀴 아이콘을 클릭합니다. ② 방향 선택 Move to 라는 메뉴에 들어가시면 방향을 선택할 수 있습니다. 친절하게도 그림과 같이 나와있어 한눈에 알기가 편합니다. 예를 들어 오른쪽 위에 콘솔을 두고 싶다면 Right Top을 선택해주시면 됩니다. 3. 콘솔 위치 바꾸기 ① 위치 확인 콘솔창의 위치가 오른쪽으로 바뀐것을 확인할 수 있습니다. 원하는 위치에 콘솔을 두고 편하게 작업해봅시다! [같이 보면 좋은 글] [Python] 파이참 설치 해보자 안녕하세요. ..

coding/editor · 2021. 3. 25. 09:30

[css] 홈페이지 코딩 내비게이션 바 07 - 간격 조정

이제 마무리된 디자인에서 여백, 색 등을 조금씩 다듬어보겠습니다. 1. 내비게이션 바 메인 메뉴 ① 문제점 확인 내비게이션 바의 메뉴가 위쪽으로 딱 붙어서 답답한 느낌이 듭니다. 세로 기준으로 가운데쯤 왔으면 좋겠네요. #header{ line-height:60px; } ② line-height 이용 line-height는 줄 간격이지만 글이 한 줄만 있을 때는 가운데 위치로 만드는 게 아주 안성맞춤입니다. 값은 세로 값을 동일하게 넣어주세요. 2. 서브 메뉴 ① 문제 파악 줄 간격을 부모 태그에 입력해 서브도 적용되는 문제가 있네요. 배경색이 없어 눈에 잘 들어오지 않는다는 문제도 있습니다. 로고 카테고리 카테고리1 하위1 하위2 하위3 하위4 카테고리2 카테고리3 하위1 하위2 하위3 카테고리4 카테..

coding/html + css · 2021. 3. 15. 09:30

[css] 홈페이지 코딩 내비게이션 바 06 - 색을 넣어보자

안녕하세요. 개자이너 씸플레이입니다. 홈페이지를 직접 코딩해보는 시간입니다. 구조를 거의 잡은 내비게이션 바에 색을 넣어봅시다. 1. 배경색 ⓛ 색 조합 정하기 홈페이지 의뢰 내용에 따라 색 조합이 조금씩 달라지겠지만 오늘은 연습이니까 컬러헌트에서 예쁜 색을 골라볼게요. 컬러헌트 사용방법은 아래 포스팅을 참고해주세요. [꿀정보] 컬러조합 사이트 컬러헌트 안녕하세요. 플입니다. 오늘은 컬러 조합 사이트 하나를 소개해드릴게요. 1. 컬러 헌트 https://colorhunt.co/ Color Hunt - Color Palettes for Designers and Artists Color Hunt is a free and open platform.. ssimplay.tistory.com ② 해더 정리정돈이나 ..

coding/html + css · 2021. 3. 8. 09:30

[css] 내비게이션(gnb) 만들기 05 - 가운데 정렬

안녕하세요. 개자이너 씸플레이입니다. 사실 헤더 부분 전체를 가운데 정렬하는 것이지만 일단 제목을 이렇게 적어봤어요. 1. 여백 확인 ① 현재 상황 파악 지금까지 잘 따라오셨다면 로고와 카테고리가 각각 양 옆으로 붙어있을 겁니다. 그런데 뭔가 이상하죠? 다른 사이트들을 보면 글자는 중앙에 있고 양쪽은 여백인 곳이 많을 거예요. 그렇습니다. 너무 끝에 몰려있다는 생각을 하셨을 거예요. 2. 태그 추가 ① 태그 추가 컨텐츠가 있는 영역과 여백이 있는 영역 두 개가 필요하기 때문에 콘텐츠를 한 번 더 감싸줍니다. 감싸주는 태그로는 태그를 사용했습니다. 래핑 단축키는 Ctrl + Shift + P 입니다. >래핑 설명 보러가기margin: 0 atuo; 설명 보러가기

coding/html + css · 2021. 3. 4. 09:30

coding 263