새롭게 출시되는 CSS 새기능 정리 🚀 (2022 구글 I/O 중요 기능 정리 및 의견!)
2022 구글 I/O 중요 기능 정리 및 의견에 대해 나눠봅니다. (↙ 관련 링크들)
___________________________
💡 풀스택 개발 로드맵 ⇢ https://academy.dream-coding.com/pages/roadmap
🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
http://academy.dream-coding.com/
.....................................................
🔥 유튜브 영상을 정리해서 블로그에 올리시는 경우 꼭 출처 및 영상 링크를 남겨 주세요.
✨ 관련된 영상들
CSS 트렌드 ⇢ https://youtu.be/Eim11QYLfEY
웹개발 입문용 영상 플레이리스트 ⇢ https://www.youtube.com/playlist?list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y
🔗 언급된 사이트들
CSS 구글 I/O 톡 영상 ⇢ https://www.youtube.com/watch?v=Xy9ZXRRgpLk&ab_channel=GoogleChromeDevelopers
정리 사이트 ⇢ https://web.dev/state-of-css-2022/
추가 참고용 사이트들:
https://css-tricks.com/css-cascade-layers/
https://www.youtube.com/watch?v=gCNMyYr7F6w&ab_channel=GoogleChromeDevelopers
.....................................................
00:00 소개
01:00 즐겨찾기할 사이트 소개🔥
01:58 Cascade Layers (+CSS특징)
05:14 Container Queries
08:38 Accent Color
09:49 Color Contrast
10:11 @nest, @scope
.....................................................
☀️ 드림코딩 엘리
모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
❝Don't forget to code your dream
여러분들의 멋진 꿈을 코딩하세요 ⭐️
.....................................................
🌐 프론트엔드 개발자 되기 입문자편 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotQ1F92Jp9Ce7ovHEsuRQB3Y
📒 자바스크립트 기초 강의 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotTVOL4QmPfvJWPJvkmv6h-2
💻 개발자라면 누구나 알고 있으면 좋은 지식 💡
https://www.youtube.com/playlist?list=PLv2d7VI9OotSn1ThdDeqvBx8QuRSd01qv
💰 개발자 경력 관리 영상 목록:
https://www.youtube.com/playlist?list=PLv2d7VI9OotSyQ6RPdytiHID5Cmnv_sA3
📄 이력서 작성 방법
https://www.youtube.com/playlist?list=PLv2d7VI9OotTZfvF0s8Vs0gpRtodlTsgg
📈 IT 트렌드
https://www.youtube.com/playlist?list=PLv2d7VI9OotRTfM1zJLQMCLriBpLFg8r-
📷 개발자 브이로그
https://www.youtube.com/playlist?list=PLv2d7VI9OotR1tALnxov7sAUshyBmfYfU
🤗 생산력 향상 팁
https://www.youtube.com/playlist?list=PLv2d7VI9OotQB-9p29xrAnARhuE1Vf88I
.....................................................
#코딩#웹개발#CSS
6
배달의민족 리드 개발자 출신 이력서 까보기 (feat. 개발자 연봉 이야기) | 개발자 특집 1편
*패널 소개*
1. 커리어 액셀러레이터 김나이(호스트)
: 전) J.P.Morgan, 6년간 2,000명 이상의 커리어를 상담하고 미래 설계를 도와온 커리어 액셀러레이터
eo 인터뷰 1
https://youtu.be/XNmeZ0yZ5ek
eo 인터뷰 2
https://youtu.be/4w7087s87Wg
2. 인프런 CTO 이동욱
: 우아한 형제들에서 4년 이상 백엔드개발자로 근무, 전사 우수 사원 수상, 리드 개발자까지 하며 퇴사 후 인프런 CTO로 이직
누적 조회 590만 회의 기술 블로그 ‘기억보단 기록을’ 운영, 구독자 1.6만명을 보유한 개발 유튜브 채널 ‘개발바닥’ 운영중
eo인터뷰
https://youtu.be/V9AGvwPmnZU
이동욱 이력서 페이지
https://jojoldu.github.io/
개발바닥 유튜브 채널
https://www.youtube.com/channel/UCSEOUzkGNCT_29EU_vnBYjg
이동욱 블로그
https://jojoldu.tistory.com/
3. 힐링페이퍼(강남언니) 프론트엔드 리드 정원희
: 트레바리 첫 번째 개발자로 입사해 50억 투자 유치, 50명 규모의 회사 성장까지 기술 역량을 책임지고 현재는 힐링페이퍼에서 프론트엔드 리드로 근무중. 구글에 ‘개발자 이력서’ 검색하면 가장 먼저 나오는 포스팅의 주인공
정원희 이력서 포스팅
https://wonny.space/writing/work/engineer-resume
4. 버킷플레이스(오늘의 집) 프론트엔드 챕터 리드 조은
: 네이버, SK커뮤니케이션즈, NHN, 우아한 형제들, 버킷플레이스 등 대기업/스타트업에서 경력을 쌓아온 10년차 프론트엔드 개발자
국내에 단 3명뿐이라는 웹 GDE(Google Developers Expert)중 한 명
조은 이력서 페이지
https://eun.notion.site/eun/John-Cho-Resume-public-0208d6fec948496c95ecb031a583010c
조은 블로그
https://euncho.medium.com/
#개발자연봉 #개발자취업 #개발자이력서
[번역] React의 성능을 최적화하는 10가지 방법
최적화는 모든 소프트웨어, 특히 웹 앱을 개발할때 가장 신경을 써야 하는 것 중 하나이다. Angular, React 또는 다른 자바스크립트 프레임워크는 이와 관련해서 좋은 설정과 기능을 가지고 있다. 이 포스터에서는 앱의 성능을 최적화하는 데 도움이 되는 기능과 방법들에 대해서 알아보도록 하겠다.
[자바스크립트] 웹 사이트 최적화
웹사이트 성능과 최적화 사용자 경험(UX, User Experience) 전문가 제이콥 닐슨은 웹페이지의 반응 시간(Response Time)이 되도록 1초 이내여야 사용자 경험에 긍정적인 영향을 미친다고 분석하였습니다. 그 이상..
[JS] 📚 정규표현식(RegExp) - 이해하기 쉽게 정리 + 응용 예제
정규표현식(Regular Expression) 정규식(Regular Expression)은 문자열에서 특정 내용을 찾거나 대체 또는 발췌하는데 사용된다. 대표적으로 입력칸에 전화번호나 이메일을 입력하라고 했을때 옳지 않은 값을 입..
Default Exports in JavaScript Modules Are Terrible
Default exports lead to mismatched and confusing names. Named exports should be used instead.
코딩 스킬만큼 중요한 BDD 컨셉 2가지
Background & Scenario Outlines | 안녕하세요, 클래스팅에서 Selenium Appium E2E 테스트 자동화 리드를 담당 중인 지오입니다. 코드 방식 자동화는 복잡합니다. BDD(Cucumber)와 이번 포스팅에서 언급하는 2가지 개념을 실무에 활용하지 않는다면요. 오늘 주제인 코딩 스킬만큼 중요한 BDD 컨셉 중 Backgroun
Jest로 테스트 커버리지 수집하기
이번 포스팅에서는 테스트 커버리지(coverage)가 무엇인지 알아보고 Jest를 이용해서 테스트 커버리지를 수집하는 방법에 대해서 알아보겠습니다.
Introducing Web APIs for Dual Screen and Foldable Devices
The browser is one of the most used apps on any device, and today it’s running on a completely new hardware category: dual-screen and foldable devices.
With a variety of new dual-screen and foldable