- Видео 26
- Просмотров 8 691
쁘띠 코딩
Южная Корея
Добавлен 20 июл 2022
경력 15년차 백엔드/프론트앤드 풀스택 개발자가 운영하는 쁘띠 코딩입니다.
코드 리뷰/교정/강의/컨설팅 문의: petitcodingleader@gmail.com
블로그: whitelka.tistory.com
코드 리뷰/교정/강의/컨설팅 문의: petitcodingleader@gmail.com
블로그: whitelka.tistory.com
실무에서 많이 쓰는 Js 객체(Object) 함수 5가지! 필수로 알고 있어야 합니다!
Javascript의 객체 (Object) 관련 메소드에 대해 알아볼게요~ 어려워 보이지만 막상 알면 정말 쉽습니다
Просмотров: 72
Видео
실무에서 가장 많이 쓰는 문자열 연산 3가지
Просмотров 43Год назад
실무에서 가장 많이 사용하는 문자열 연산 - split, replace/ replaceAll, trim에 대해 알아봅니다 정리된 내용을 보고싶다면, 여기를 참고해 주세요 👉 whitelka.tistory.com/138
I'm asking chatGPT to make js function. ChatGPT에게 프로그램을 짜보라고 시켰다..
Просмотров 40Год назад
It's amazing
배열 연산 2탄 - 배열을 내맘대로 요리하기
Просмотров 43Год назад
이것만 알고 있어도 배열 연산 어렵지 않습니다. 앞부분이 너무 쉬워서 지루하다면 마지막 splice 만이라도 꼭 보세요 ^^ #코딩 #코딩공부 #프로그래밍 #쉬운코딩 #코딩강의 #웹코딩 #HTML #HTML5 #CSS #Javascript #초등코딩 #어린이코딩 #코딩초보 #코딩왕초보 #재미있는코딩 #코딩빨리배우기 #코딩기초 #코딩배우기 #프론트엔드 #웹개발 #웹개발자
자바스크립트 배열 연산이 어렵다면? 이 영상이 도움이 될 거에요
Просмотров 60Год назад
자바스크립트 함수 중 가장 많이 쓴다 해도 과언이 아닌 map, filter, some, find, reduce에 대해 알아봅니다. 자바스크립트 뿐 아니라 다른 언어에서도 유용하게 사용할 수 있으니 개념 정리 확실히 하고 가자구요! #코딩 #코딩공부 #프로그래밍 #쉬운코딩 #코딩강의 #웹코딩 #HTML #HTML5 #CSS #Javascript #초등코딩 #어린이코딩 #코딩초보 #코딩왕초보 #재미있는코딩 #코딩빨리배우기 #코딩기초 #코딩배우기 #프론트엔드 #웹개발 #웹개발자
구구단은 단 3줄이면 짭니다. 어떤걸 쓰느냐가 문제지..
Просмотров 116Год назад
for문과 비슷한 행동을 하는 메소드가 여러개 있다는 사실 아시나요! for 외에도 forEach, for..in, for..of등 형제들이 있는데요, 오늘은 구구단 만들기를 통해 차이점과 공통점을 알아봅니다. #코딩 #코딩공부 #프로그래밍 #쉬운코딩 #코딩강의 #웹코딩 #HTML #HTML5 #CSS #Javascript #초등코딩 #어린이코딩 #코딩초보 #코딩왕초보 #재미있는코딩 #코딩빨리배우기 #코딩기초 #코딩배우기 #프론트엔드 #웹개발 #웹개발자 #디지털노마드
호이스팅? 왜 var대신 let을 쓰나요? 5분내로 완벽 정리!
Просмотров 334Год назад
면접에서도 가장 많이 받는 질문! 호이스팅에 대해 알아봅니다 #코딩 #코딩공부 #프로그래밍 #쉬운코딩 #코딩강의 #웹코딩 #HTML #HTML5 #CSS #Javascript #초등코딩 #어린이코딩 #코딩초보 #코딩왕초보 #재미있는코딩 #코딩빨리배우기 #코딩기초 #코딩배우기 #프론트엔드 #웹개발 #웹개발자 #디지털노마드
미니멀리스트 프로그래머라면 꼭 알아야 할 초간단 예외처리 꿀팁
Просмотров 77Год назад
조건문과 연산자로 예외 처리하기 불편하죠? Optional Chaining을 사용하면 코드가 한결 더 깔끔해 집니다. #코딩 #코딩공부 #프로그래밍 #쉬운코딩 #코딩강의 #웹코딩 #HTML #HTML5 #CSS #Javascript #초등코딩 #어린이코딩 #코딩초보 #코딩왕초보 #재미있는코딩 #코딩빨리배우기 #코딩기초 #코딩배우기 #프론트엔드 #웹개발 #웹개발자 #디지털노마드 #optionalchaining
콜백 함수 - 이거만 할줄 알아도 코딩 고수처럼 보임
Просмотров 3562 года назад
자바 스크립트에서 가장 많이 사용하는 콜백 함수에 대해 한번 알아볼게요~! 어려워 보이지만 일단 사용해보면 엄청 쉽습니다 ^^ 코드는 여기서 👉 bit.ly/3BvZ5jj #코딩 #코딩공부 #프로그래밍 #쉬운코딩 #코딩강의 #웹코딩 #HTML #HTML5 #CSS #Javascript #초등코딩 #어린이코딩 #코딩초보 #코딩왕초보 #재미있는코딩 #코딩빨리배우기 #코딩기초 #코딩배우기 #프론트엔드 #웹개발 #웹개발자 #디지털노마드
여자들 귀걸이 하면 50% 이뻐진다고요? 웹사이트 이거 하면 200% 예뻐짐.
Просмотров 1552 года назад
쁘띠코딩 프론트엔드 개발 기초: Pavicon 오늘은 초 초 쉬운 파비콘에 대해 알아봅니다! 브라우저에 내 웹사이트 아이콘을 예쁘게 넣어봅시다 추가로! 썸네일이나 아이콘을 만들수 있는 서비스도 하나 소개합니다. 영상이 짧으니 끝까지 시청해주세요! #코딩 #코딩공부 #프로그래밍 #쉬운코딩 #코딩강의 #웹코딩 #HTML #HTML5 #CSS #Javascript #초등코딩 #어린이코딩 #코딩초보 #코딩왕초보 #재미있는코딩 #코딩빨리배우기 #코딩기초 #코딩배우기 #프론트엔드 #웹개발 #웹개발자 #디지털노마드
프론트엔드 웹 코딩 - HTML Input의 체크박스와 라디오 버튼 뽀개기!
Просмотров 2892 года назад
쁘띠코딩 프론트엔드 개발 기초 열두 번째 강의: 체크박스(checkbox)와 라디오 버튼(radio), 비슷한듯 하지만 서로 다른 성격을 가진 두 개의 속성에 대해 한번 알아볼까요? #코딩 #코딩공부 #프로그래밍 #쉬운코딩 #코딩강의 #웹코딩 #HTML #HTML5 #CSS #Javascript #초등코딩 #어린이코딩 #코딩초보 #코딩왕초보 #재미있는코딩 #코딩빨리배우기 #코딩기초 #코딩배우기 #프론트엔드 #웹개발 #웹개발자 #디지털노마드
프론트엔드 웹 코딩 - HTML Input 태그가 하나가 아니라고? 이렇게나 다양하다고?
Просмотров 2232 года назад
쁘띠코딩 프론트엔드 개발 기초 열한 번째 강의: input과 form HTML태그 중 정말 많이 사용하는 input태그에 대해 배워봐요! form태그와 함께 사용하면, 자바스크립트의 도움 없이도 서버에 데이터를 전달할 수 있답니다! 쉽고 빠르게 입력 폼을 만들어 볼까요?? #코딩 #코딩공부 #프로그래밍 #쉬운코딩 #코딩강의 #웹코딩 #HTML #HTML5 #CSS #Javascript #초등코딩 #어린이코딩 #코딩초보 #코딩왕초보 #재미있는코딩 #코딩빨리배우기 #코딩기초 #코딩배우기 #프론트엔드 #웹개발 #웹개발자 #디지털노마드
프론트엔드 웹 코딩 - Javascript로 5분만에 만드는 로또 번호 생성 웹페이지! 누구나 할수 있어요
Просмотров 4032 года назад
HTML / CSS / Javascript 로 만들어 보는 로또 번호 랜덤 생성기! 자세한 코드는 아래 링크에서 만나보세요 😘 👉 whitelka.tistory.com/134 #디지털노마드 #코딩 #웹코딩 #자바스크립트 #쉬운코딩 #클론코딩 #코딩강좌
프론트엔드 웹 코딩 - HTML/CSS UL, OL, DL ? 목록을 작성하는 태그란 건 알겠는데..뭐가 다르지? 🤷♀️🤷♂️
Просмотров 1652 года назад
쁘띠코딩 프론트엔드 개발 기초 열 번째 강의: 리스트(list) HTML 태그에는 리스트를 표현하는 UL, OL, DL 태그가 있어요. 이 태그들로 어떻게 목록을 만들 수 있는지 배워볼까요? #코딩 #코딩공부 #프로그래밍 #쉬운코딩 #코딩강의 #웹코딩 #HTML #HTML5 #CSS #Javascript #초등코딩 #어린이코딩 #코딩초보 #코딩왕초보 #재미있는코딩 #코딩빨리배우기 #코딩기초 #코딩배우기 #프론트엔드 #웹개발 #웹개발자 #디지털노마드
프론트엔드 웹 코딩 - HTML / CSS에서 색상(color) 은 어떻게 표현할까? 이랬다 저랬다 너무 헷갈려! 😵💫😵
Просмотров 2452 года назад
프론트엔드 웹 코딩 - HTML / CSS에서 색상(color) 은 어떻게 표현할까? 이랬다 저랬다 너무 헷갈려! 😵💫😵
프론트엔드 웹 코딩 - Position이란 무엇일까? 말 안듣는 div, 자꾸 찌그러지는 div들을 이제 내 마음대로 배치해 볼수 있어요 👍
Просмотров 2152 года назад
프론트엔드 웹 코딩 - Position이란 무엇일까? 말 안듣는 div, 자꾸 찌그러지는 div들을 이제 내 마음대로 배치해 볼수 있어요 👍
프론트엔드 웹 코딩 - HTML / CSS 표를 그려 보자! table 태그를 사용해서 표를 만들고 셀병합을 해봐요
Просмотров 3732 года назад
프론트엔드 웹 코딩 - HTML / CSS 표를 그려 보자! table 태그를 사용해서 표를 만들고 셀병합을 해봐요
프론트엔드 웹 코딩 - HTML / CSS의 float, flex 그리고 grid의 차이점 간단하게 살펴보기! 🤷♀️ 페이지 레이아웃을 구성하는 방법
Просмотров 9492 года назад
프론트엔드 웹 코딩 - HTML / CSS의 float, flex 그리고 grid의 차이점 간단하게 살펴보기! 🤷♀️ 페이지 레이아웃을 구성하는 방법
프론트엔드 웹 코딩 - 🤷♀️HTML / CSS의 span과 div는 어떻게 다를까? 블록 엘리먼트(block element)와 인라인 엘리먼트(inline element)
Просмотров 8552 года назад
프론트엔드 웹 코딩 - 🤷♀️HTML / CSS의 span과 div는 어떻게 다를까? 블록 엘리먼트(block element)와 인라인 엘리먼트(inline element)
프론트엔드 웹 코딩 - 🤷♀️HTML / CSS의 Class와 Id는 무슨 차이가 있을까? Class, Id 똑똑하게 사용하기, 올바른 코딩 스타일 익히기
Просмотров 1,6 тыс.2 года назад
프론트엔드 웹 코딩 - 🤷♀️HTML / CSS의 Class와 Id는 무슨 차이가 있을까? Class, Id 똑똑하게 사용하기, 올바른 코딩 스타일 익히기
프론트엔드 웹 코딩 - HTML의 Input 태그와 Button 태그를 사용해 입력창과 버튼 만들기, CSS를 사용하여 마우스를 올렸을때 Hover 효과 주기
Просмотров 6142 года назад
프론트엔드 웹 코딩 - HTML의 Input 태그와 Button 태그를 사용해 입력창과 버튼 만들기, CSS를 사용하여 마우스를 올렸을때 Hover 효과 주기
프론트엔드 웹 코딩 - HTML과 CSS는 무엇일까? CSS를 사용해서 간단하게 글자를 꾸며봅시다!
Просмотров 4252 года назад
프론트엔드 웹 코딩 - HTML과 CSS는 무엇일까? CSS를 사용해서 간단하게 글자를 꾸며봅시다!
프론트엔드 웹 코딩 - 코딩이란 무엇일까? 코딩 개념, 기초, 웹 코딩에 대한 소개. 프로그래머, 개발자가 되고 싶다면 필수로 들어야 할 코딩강의
Просмотров 3832 года назад
프론트엔드 웹 코딩 - 코딩이란 무엇일까? 코딩 개념, 기초, 웹 코딩에 대한 소개. 프로그래머, 개발자가 되고 싶다면 필수로 들어야 할 코딩강의
클론코딩 - 구글 메일함 메뉴 만들기, HTML + CSS. 프론트앤드 개발 웹개발, 퍼블리싱, li 태그로 리스트 작성하기
Просмотров 1342 года назад
클론코딩 - 구글 메일함 메뉴 만들기, HTML CSS. 프론트앤드 개발 웹개발, 퍼블리싱, li 태그로 리스트 작성하기
클론코딩 - 구글 메인 페이지 따라 만들기, HTML + CSS. 프론트앤드 개발 웹개발, 퍼블리싱
Просмотров 3962 года назад
클론코딩 - 구글 메인 페이지 따라 만들기, HTML CSS. 프론트앤드 개발 웹개발, 퍼블리싱
재밌게 잘 봤습니다^^
원래.댓글 안쓰는데 귀에 쏙쏙 이해가 쉽게 되네요^^ 귀한 시간 내셔서 만들어주신거 감사해용!
구독 누르고 갑니다. 초보자인데 이해하기 쉽게 설명 잘하시네요. 영상 많이 올려주시고 채널 흥하시기 바랍니다!!!
좋은 강좌 감사합니다!
아이디, 클래스 특징이 했갈렸는데 감사합니다.
재밋네용 강의!! ㅎㅎ
재미있게 봐주셔서 감사합니다~~^^
Pavicon 이 아니고 favicon 이 맞는 것 같습니다.
오메 이런 실수를! 정정해주셔서 감사합니다 ^^
😊
😆
🌹 promosm
쁘띠 코딩 선생님 안녕하세요. 영상 잘 봤습니다. 프론트엔드 강의 관련 문의를 드리고 싶은데 이메일 주소 알 수 있을까요?? :)
@@petitcoding 선생님 안녕하세요. 메일 드렸습니다. 확인 한번 부탁드립니다. 감사합니다. :)
잘보고 갑니다
테두리를 이렇게 없애는군요... 좋은 정보 감사합니다