- Видео 77
- Просмотров 4 511
Codingghost
Южная Корея
Добавлен 4 апр 2021
I'm a freelancer in Jeju island, South Korea.
코딩-레벨-업(입문-봄) 책 보강영상 - 10. FontSize, px,em,rem - 2
코딩-레벨-업(입문-봄) 책 보강영상 - 10. FontSize, px,em,rem - 2
'나 혼자 하는 코딩독학서, 코딩-레벨-업' 입문시리즈중 봄(Spring) 책의 구독자를 위한 추가 설명영상입니다.
'코딩-레벨-업' (입문)시리즈는 웹프론트엔드 개발을 시작하시는 아주 기초분들에게 적합한 교재입니다. VScode 설치부터, 웹브라우저와 웹문서에 대한 이해부터 시작하여 HTML,CSS,Javascript를 천천히 시작해 봅니다.
책 구매링크는 나오는 대로 하단에 추가하겠습니다. 감사합니다.
예제소스 다운로드 주소
github.com/coding-ghost-leejey/codingcamp-spring
'나 혼자 하는 코딩독학서, 코딩-레벨-업' 입문시리즈중 봄(Spring) 책의 구독자를 위한 추가 설명영상입니다.
'코딩-레벨-업' (입문)시리즈는 웹프론트엔드 개발을 시작하시는 아주 기초분들에게 적합한 교재입니다. VScode 설치부터, 웹브라우저와 웹문서에 대한 이해부터 시작하여 HTML,CSS,Javascript를 천천히 시작해 봅니다.
책 구매링크는 나오는 대로 하단에 추가하겠습니다. 감사합니다.
예제소스 다운로드 주소
github.com/coding-ghost-leejey/codingcamp-spring
Просмотров: 6
Видео
코딩-레벨-업(입문-봄) 책 보강영상 - 10. FontSize, px,em,rem - 1
Просмотров 42 часа назад
코딩-레벨-업(입문-봄) 책 보강영상 - 10. FontSize, px,em,rem - 1 '나 혼자 하는 코딩독학서, 코딩-레벨-업' 입문시리즈중 봄(Spring) 책의 구독자를 위한 추가 설명영상입니다. '코딩-레벨-업' (입문)시리즈는 웹프론트엔드 개발을 시작하시는 아주 기초분들에게 적합한 교재입니다. VScode 설치부터, 웹브라우저와 웹문서에 대한 이해부터 시작하여 HTML,CSS,Javascript를 천천히 시작해 봅니다. 책 구매링크는 나오는 대로 하단에 추가하겠습니다. 감사합니다. 예제소스 다운로드 주소 github.com/coding-ghost-leejey/codingcamp-spring
코딩-레벨-업(입문-봄) 책 보강영상 - 09. Font, WebFont - C
Просмотров 22 часа назад
코딩-레벨-업(입문-봄) 책 보강영상 - 09. Font, WebFont - C '나 혼자 하는 코딩독학서, 코딩-레벨-업' 입문시리즈중 봄(Spring) 책의 구독자를 위한 추가 설명영상입니다. '코딩-레벨-업' (입문)시리즈는 웹프론트엔드 개발을 시작하시는 아주 기초분들에게 적합한 교재입니다. VScode 설치부터, 웹브라우저와 웹문서에 대한 이해부터 시작하여 HTML,CSS,Javascript를 천천히 시작해 봅니다. 책 구매링크는 나오는 대로 하단에 추가하겠습니다. 감사합니다. 예제소스 다운로드 주소 github.com/coding-ghost-leejey/codingcamp-spring
코딩-레벨-업(입문-봄) 책 보강영상 - 09. Font, WebFont - 2
Просмотров 52 часа назад
코딩-레벨-업(입문-봄) 책 보강영상 - 09. Font, WebFont - 2 '나 혼자 하는 코딩독학서, 코딩-레벨-업' 입문시리즈중 봄(Spring) 책의 구독자를 위한 추가 설명영상입니다. '코딩-레벨-업' (입문)시리즈는 웹프론트엔드 개발을 시작하시는 아주 기초분들에게 적합한 교재입니다. VScode 설치부터, 웹브라우저와 웹문서에 대한 이해부터 시작하여 HTML,CSS,Javascript를 천천히 시작해 봅니다. 책 구매링크는 나오는 대로 하단에 추가하겠습니다. 감사합니다. 예제소스 다운로드 주소 github.com/coding-ghost-leejey/codingcamp-spring
코딩-레벨-업(입문-봄) 책 보강영상 - 09. Font, WebFont - 1
Просмотров 52 часа назад
코딩-레벨-업(입문-봄) 책 보강영상 - 09. Font, WebFont - 1 '나 혼자 하는 코딩독학서, 코딩-레벨-업' 입문시리즈중 봄(Spring) 책의 구독자를 위한 추가 설명영상입니다. '코딩-레벨-업' (입문)시리즈는 웹프론트엔드 개발을 시작하시는 아주 기초분들에게 적합한 교재입니다. VScode 설치부터, 웹브라우저와 웹문서에 대한 이해부터 시작하여 HTML,CSS,Javascript를 천천히 시작해 봅니다. 책 구매링크는 나오는 대로 하단에 추가하겠습니다. 감사합니다. 예제소스 다운로드 주소 github.com/coding-ghost-leejey/codingcamp-spring
코딩-레벨-업(입문-봄) 책 보강영상 - 08. 레이아웃 배치하기 - 3
Просмотров 72 часа назад
코딩-레벨-업(입문-봄) 책 보강영상 - 08. 레이아웃 배치하기 - 3 '나 혼자 하는 코딩독학서, 코딩-레벨-업' 입문시리즈중 봄(Spring) 책의 구독자를 위한 추가 설명영상입니다. '코딩-레벨-업' (입문)시리즈는 웹프론트엔드 개발을 시작하시는 아주 기초분들에게 적합한 교재입니다. VScode 설치부터, 웹브라우저와 웹문서에 대한 이해부터 시작하여 HTML,CSS,Javascript를 천천히 시작해 봅니다. 책 구매링크는 나오는 대로 하단에 추가하겠습니다. 감사합니다. 예제소스 다운로드 주소 github.com/coding-ghost-leejey/codingcamp-spring
코딩-레벨-업(입문-봄) 책 보강영상 - 07. JS로 HTML요소다루기 - 5
Просмотров 92 часа назад
코딩-레벨-업(입문-봄) 책 보강영상 - 07. JS로 HTML요소다루기 - 5 '나 혼자 하는 코딩독학서, 코딩-레벨-업' 입문시리즈중 봄(Spring) 책의 구독자를 위한 추가 설명영상입니다. '코딩-레벨-업' (입문)시리즈는 웹프론트엔드 개발을 시작하시는 아주 기초분들에게 적합한 교재입니다. VScode 설치부터, 웹브라우저와 웹문서에 대한 이해부터 시작하여 HTML,CSS,Javascript를 천천히 시작해 봅니다. 책 구매링크는 나오는 대로 하단에 추가하겠습니다. 감사합니다. 예제소스 다운로드 주소 github.com/coding-ghost-leejey/codingcamp-spring
코딩-레벨-업(입문-봄) 책 보강영상 - 08. 레이아웃 배치하기 - 2
Просмотров 514 часа назад
코딩-레벨-업(입문-봄) 책 보강영상 - 08. 레이아웃 배치하기 - 2 '나 혼자 하는 코딩독학서, 코딩-레벨-업' 입문시리즈중 봄(Spring) 책의 구독자를 위한 추가 설명영상입니다. '코딩-레벨-업' (입문)시리즈는 웹프론트엔드 개발을 시작하시는 아주 기초분들에게 적합한 교재입니다. VScode 설치부터, 웹브라우저와 웹문서에 대한 이해부터 시작하여 HTML,CSS,Javascript를 천천히 시작해 봅니다. 책 구매링크는 나오는 대로 하단에 추가하겠습니다. 감사합니다. 예제소스 다운로드 주소 github.com/coding-ghost-leejey/codingcamp-spring
코딩-레벨-업(입문-봄) 책 보강영상 - 08. 레이아웃 배치하기 - 1
Просмотров 144 часа назад
코딩-레벨-업(입문-봄) 책 보강영상 - 08. 레이아웃 배치하기 - 1 '나 혼자 하는 코딩독학서, 코딩-레벨-업' 입문시리즈중 봄(Spring) 책의 구독자를 위한 추가 설명영상입니다. '코딩-레벨-업' (입문)시리즈는 웹프론트엔드 개발을 시작하시는 아주 기초분들에게 적합한 교재입니다. VScode 설치부터, 웹브라우저와 웹문서에 대한 이해부터 시작하여 HTML,CSS,Javascript를 천천히 시작해 봅니다. 책 구매링크는 나오는 대로 하단에 추가하겠습니다. 감사합니다. 예제소스 다운로드 주소 github.com/coding-ghost-leejey/codingcamp-spring
코딩-레벨-업(입문-봄) 책 보강영상 - 07. JS로 HTML요소다루기 - 6(보강미션)
Просмотров 107 часов назад
코딩-레벨-업(입문-봄) 책 보강영상 - 07. JS로 HTML요소다루기 - 6 '나 혼자 하는 코딩독학서, 코딩-레벨-업' 입문시리즈중 봄(Spring) 책의 구독자를 위한 추가 설명영상입니다. '코딩-레벨-업' (입문)시리즈는 웹프론트엔드 개발을 시작하시는 아주 기초분들에게 적합한 교재입니다. VScode 설치부터, 웹브라우저와 웹문서에 대한 이해부터 시작하여 HTML,CSS,Javascript를 천천히 시작해 봅니다. 책 구매링크는 나오는 대로 하단에 추가하겠습니다. 감사합니다. 예제소스 다운로드 주소 github.com/coding-ghost-leejey/codingcamp-spring
코딩-레벨-업(입문-봄) 책 보강영상 - 07. JS로 HTML요소다루기 - 4
Просмотров 147 часов назад
코딩-레벨-업(입문-봄) 책 보강영상 - 07. JS로 HTML요소다루기 - 4 '나 혼자 하는 코딩독학서, 코딩-레벨-업' 입문시리즈중 봄(Spring) 책의 구독자를 위한 추가 설명영상입니다. '코딩-레벨-업' (입문)시리즈는 웹프론트엔드 개발을 시작하시는 아주 기초분들에게 적합한 교재입니다. VScode 설치부터, 웹브라우저와 웹문서에 대한 이해부터 시작하여 HTML,CSS,Javascript를 천천히 시작해 봅니다. 책 구매링크는 나오는 대로 하단에 추가하겠습니다. 감사합니다. 예제소스 다운로드 주소 github.com/coding-ghost-leejey/codingcamp-spring
코딩-레벨-업(입문-봄) 책 보강영상 - 07. JS로 HTML요소다루기 - 3
Просмотров 167 часов назад
코딩-레벨-업(입문-봄) 책 보강영상 - 07. JS로 HTML요소다루기 - 3 '나 혼자 하는 코딩독학서, 코딩-레벨-업' 입문시리즈중 봄(Spring) 책의 구독자를 위한 추가 설명영상입니다. '코딩-레벨-업' (입문)시리즈는 웹프론트엔드 개발을 시작하시는 아주 기초분들에게 적합한 교재입니다. VScode 설치부터, 웹브라우저와 웹문서에 대한 이해부터 시작하여 HTML,CSS,Javascript를 천천히 시작해 봅니다. 책 구매링크는 나오는 대로 하단에 추가하겠습니다. 감사합니다. 예제소스 다운로드 주소 github.com/coding-ghost-leejey/codingcamp-spring
코딩-레벨-업(입문-봄) 책 보강영상 - 07. JS로 HTML요소다루기 - 2
Просмотров 157 часов назад
코딩-레벨-업(입문-봄) 책 보강영상 - 07. JS로 HTML요소다루기 - 2 '나 혼자 하는 코딩독학서, 코딩-레벨-업' 입문시리즈중 봄(Spring) 책의 구독자를 위한 추가 설명영상입니다. '코딩-레벨-업' (입문)시리즈는 웹프론트엔드 개발을 시작하시는 아주 기초분들에게 적합한 교재입니다. VScode 설치부터, 웹브라우저와 웹문서에 대한 이해부터 시작하여 HTML,CSS,Javascript를 천천히 시작해 봅니다. 책 구매링크는 나오는 대로 하단에 추가하겠습니다. 감사합니다. 예제소스 다운로드 주소 github.com/coding-ghost-leejey/codingcamp-spring
코딩-레벨-업(입문-봄) 책 보강영상 - 07. JS로 HTML요소다루기 - 1
Просмотров 117 часов назад
코딩-레벨-업(입문-봄) 책 보강영상 - 07. JS로 HTML요소다루기 - 1 '나 혼자 하는 코딩독학서, 코딩-레벨-업' 입문시리즈중 봄(Spring) 책의 구독자를 위한 추가 설명영상입니다. '코딩-레벨-업' (입문)시리즈는 웹프론트엔드 개발을 시작하시는 아주 기초분들에게 적합한 교재입니다. VScode 설치부터, 웹브라우저와 웹문서에 대한 이해부터 시작하여 HTML,CSS,Javascript를 천천히 시작해 봅니다. 책 구매링크는 나오는 대로 하단에 추가하겠습니다. 감사합니다. 예제소스 다운로드 주소 github.com/coding-ghost-leejey/codingcamp-spring
코딩-레벨-업(입문-봄) 책 보강영상 - 06. Box-model 연습하기 1/2
Просмотров 159 часов назад
코딩-레벨-업(입문-봄) 책 보강영상 - 06. Box-model 연습하기 2/2 '나 혼자 하는 코딩독학서, 코딩-레벨-업' 입문시리즈중 봄(Spring) 책의 구독자를 위한 추가 설명영상입니다. '코딩-레벨-업' (입문)시리즈는 웹프론트엔드 개발을 시작하시는 아주 기초분들에게 적합한 교재입니다. VScode 설치부터, 웹브라우저와 웹문서에 대한 이해부터 시작하여 HTML,CSS,Javascript를 천천히 시작해 봅니다. 책 구매링크는 나오는 대로 하단에 추가하겠습니다. 감사합니다. 예제소스 다운로드 주소 github.com/coding-ghost-leejey/codingcamp-spring
코딩-레벨-업(입문-봄) 책 보강영상 - 06. Box-model 연습하기 2/2
Просмотров 18День назад
코딩-레벨-업(입문-봄) 책 보강영상 - 06. Box-model 연습하기 2/2
코딩-레벨-업(입문-봄) 책 보강영상 - 04. 웹브라우저/웹문서 이해하기
Просмотров 64День назад
코딩-레벨-업(입문-봄) 책 보강영상 - 04. 웹브라우저/웹문서 이해하기
코딩-레벨-업(입문-봄) 책 보강영상 - 03. 프로젝트 폴더구조 만들기
Просмотров 41День назад
코딩-레벨-업(입문-봄) 책 보강영상 - 03. 프로젝트 폴더구조 만들기
Illustrator(일러스트레이터) - 방패형 로고 만드는 방법 2/2
Просмотров 2053 месяца назад
Illustrator(일러스트레이터) - 방패형 로고 만드는 방법 2/2
Illustrator(일러스트레이터) - 방패형 로고 만드는 방법 1/2
Просмотров 3773 месяца назад
Illustrator(일러스트레이터) - 방패형 로고 만드는 방법 1/2
CSS Tutorial - Appearance(4) - 크로스 브라우징 체크 및 렌더링 엔진별 접두사 붙이기
Просмотров 643 месяца назад
CSS Tutorial - Appearance(4) - 크로스 브라우징 체크 및 렌더링 엔진별 접두사 붙이기
CSS Tutorial - Appearance(3) - input[type=file] CSS 커스텀 하는 두가지 방법!
Просмотров 453 месяца назад
CSS Tutorial - Appearance(3) - input[type=file] CSS 커스텀 하는 두가지 방법!
CSS Tutorial - Appearance(2) - Checkbox, Radio, Select 에 CSS 커스텀 하기
Просмотров 413 месяца назад
CSS Tutorial - Appearance(2) - Checkbox, Radio, Select 에 CSS 커스텀 하기
CSS Tutorial - Appearance(1) - CSS 적용안되는 폼 요소들 내맘대로 다루기~! Shadow dom 알아보기
Просмотров 723 месяца назад
CSS Tutorial - Appearance(1) - CSS 적용안되는 폼 요소들 내맘대로 다루기~! Shadow dom 알아보기
CSS Tutorial - Flex (5) - order, inline-flex VS flex 차이점, 다양한 아이템 사이즈일때의 flex-grow 이해하기
Просмотров 395 месяцев назад
CSS Tutorial - Flex (5) - order, inline-flex VS flex 차이점, 다양한 아이템 사이즈일때의 flex-grow 이해하기
책은 언제쯤 나오나요?
안녕하세요. 아마 1~2주 내로 링크가 나올듯합니다. ^^
@@codingghost941 넵~ 감사해요
안녕하세요 formBox에서 if문을 아래에 적으셨는데 상단으로 적어도 상관없나요? scss에서 이러한 조건문, 반복문을 상단, 하단 어디에 적어야 한다는 암묵적이(?) 규칙이 있는지 궁금합니다
까꿍님~ 오랫만이예요 ^^ 여전히 열공하시고 계시군요, 감동입니다~ 암묵적인 규칙없습니다 ^^. 선택자에 적용해야하는 속성들을 먼저 써주는 습관이 있습니다. 그냥 어떤 속성을 먼저 쓸것인지에 따라 결정되는 것입니다. 우선순위에 맞게 적어주시면되고, 우선순위가 상관없으면 편하신대로 쓰셔도 됩니다. ^^ 저는 속성을 위,아래로 분할하여 쓰는것을 좋아하지 않아서 저렇게 구분하는 것 뿐이예요^^ if문이 얼마나 길어질지, 조건식이 얼마나 많이 나올지 모르기 때문에 요소에 적용되는 속성을 먼저 한눈에 보기위해 위에 적었습니다.
아직 다음 강의 보기 전인데, @extend를 @mixix으로 다 바꿀 수 있을 것 같은데 이렇게 써도 될까요?
네, 둘다 같은 상황으로 만들어 쓸 수있어요. 하지만 두개의 목적은 좀 다르긴 합니다. 저는 @extend를 이용해서 반응형에 쉽게 크기를 제어하기위한 용도로 사용합니다 ^^
안녕하세요 .page-header에서 max-width: 1280px;가 이미 크기를 조정해줘서 width: 100%;을 안 넣어도 될 것 같은데 꼭 넣어야 하나요? width: 100%;을 주석 처리해도 결과는 똑같아 보여요
네, 혹시 요소가 인라인블럭이라면 크기가 늘어나지 않을 수 있어요~ width값의 기본값은 100%가 아니고 auto이기때문인데요, 보통 width값을 지정하고, 최대/최소를 같이 지정합니다 ^^
완강했습니다! 질문이 있는데 .accNav 메뉴 부분은 보통 ul, li로 하는데 안 쓴 이유가 있을까요?
아 구글 원본 사이트는 div로 되어 있네요. div와 ul, li는 어떤 상황에 맞게 적절하게 쓸 수 있을까요?
먼저 완강 축하드려요!!! 그리고 감사해요 ^^ 메뉴부분은 보통 목록태그인 <ul>로 하는 것이 접근성이 가장 좋습니다. 하지만, 본 강의는 다양한 태그를 배우지 않은 상태에서 만드는 것부터 익히는 것이라 많은 태그를 다루지 않았어요. 또한, 메뉴 내용이 많고, 주요 메뉴라면 사실은 <nav>태그로 묶어서 브라우저에게 '메뉴영역'의 정보전달을 해주면 더욱 좋습니다 ^^
보통 <br>은 마지막 줄에는 안 붙이나요?
<br> 태그는 문단사이에 줄바꿈이 필요할 때에만 보통 사용합니다. 마지막에 붙이는 일은 거의 없어요 ^^
보통 div로 덕지덕지 썼는데 좋은 내용이네요. 감사합니다! :D
화이팅입니다 ^^ 동영상 편집을 안할때 올린 영상이라.. 지금보니 부끄럽네요.. 눈치없는 Siri도... ^^:: 이해해 주시고 봐주셔서 감사합니다.
@@codingghost941 그런 재미로 봤어요ㅎㅎ
@@까꿍-g8r 와우~ 까꿍님은 배려쟁이 ^^
안녕하세요! 화면에 필기하는 건 어떤 프로그램이에요?
안녕하세요~ 필기 프로그램은 'Screen Brush'라는 앱이예요 ^^ 무료입니다~
@ 감사합니다!
좋은 강의 만들어주셔서 감사합니다😊
아이고, 봐주셔서 감사합니다~^^ 도움이 되시는 분이 있다니, 저도 더 힘이나네요~!!
나이스요
까먹고 2탄에 댓글을 못남김 정주행중~~
부릉부릉~~~ ^^
설명 굉장히 잘하시는데 구독자도 없고 조회수도 없네용 화이팅팅탱탱탱
아고 따뜻한 글 감사합니다~ ^^
어려운 내용인데, 설명을 적절하고 차분하게 해주셔서 이해가 가고 있어요! 감사합니다~ 꽤 복잡하다 보니 완벽히 활용 하려면,, 많이 해보는 수밖에 없겠어요ㅠ
아이고. 잘 들어주고 답글도 남겨주셔서 감사해요. 플렉스 연습할수있는 따라하기 예제 준비중이예요^^ 무조건 만들어보면 익혀지게 됩니다. 화이팅!
도움이 많이 되요~ 감사합니다😅
봐주셔서 감사해요~!! 도움이 되셨으면 좋겠네요~! 화이팅
좋은 강의 감사합니당
감사합니다~!!
가려운곳을 꼭 집어서 긁어주듯이 제가 딱 궁금했던 부분을 쏙쏙 가르쳐주시네요😊😊😊 정독해서 제 글씨 자알 벡터화 하겠음다 제작방법 제작해 주셔서 감사하고 많은 분들이 방문해 주시고 좋아해 주셨음 좋겠네요 작가님 수고 많으셨어요❤❤❤
ㅎㅎ 도움이 되셨다니 다행이예요~ 앞으로도 궁금한거 있으심 강의로 만들어드릴게요~!! 그나저나 캘리작품이 예술입니다~!! '헬로 미자씨' 화이팅!!
선생님 강의 잘 들었습니다 ! 감사합니다ㅎㅎ
감사합니다~ ^^
선생님 안녕하세요 저는 선생님 강의 찾고 너무 이해가 잘 돼서 끝까지 완강한 학생(?) 이에요 ! 많은 html과 css 강의를 들었지만 선생님 수업이 가장 좋았고, 기억에 남을 거 같아요. 이해 쏙쏙되는 설명과 중간 중간 힘나게 해주시는 말씀들으면서 짧지만 즐겁게 공부했습니다. 마지막 영상 이후로 7개월이 지났는데 잘 지내시고 계시기를 바랍니다 ! 저는 이 기점으로 더 도약해서 원하는 꿈까지 이뤄볼게요 감사합니다 선생님 ^^
아이고... 감사해요^^ 댓글이 달린걸 이제 봤어요~~ 도움이 되었다니 너무너무 다행이고 뿌듯해요^^ 그간 프로젝트하느라 강의를 이어서 못만들었는데, 지금 준비중이예요~ ^^ 새로운 강의가 나오면 알려드릴게요~~ ^^ 너무너무 고마워요. 힘이 납니다!!
Super!!! Loving the videos. Take a look at promosm. It is the best way to promote your videos!!!
좋은 자료 감사합니다^^
봐주셔서 감사합니다~~^^ 언제든 하시다 막히시면 댓글남겨주세요~^^