본문 바로가기
닫기
필터

  • Chrome Extension Development | Chrome Alarms

    15

    youtube.com

    Chrome Extension Development | Chrome Alarms

    Use this lecture to create a simple alarm extension program. The course offers some of Udemy's paid courses for free.

    도봉도봉

  • 2022 웹개발 로드맵 총정리

    youtube.com

    2022 웹개발 로드맵 총정리

    2022년 시장에서 경쟁력 있는 웹개발자가 되기 위한 테크트리 알려 드립니다. 🔥 영상에서 쓴 로드맵 PDF 무료 다운로드 ⇢ https://academy.dream-coding.com/courses/web-roadmap

    💡 풀스택 개발 로드맵 ⇢ https://academy.dream-coding.com/pages/roadmap

    🚀 엘리와 더 체계적으로 배우고 싶다면 ⇢ 드림코딩 아카데미:
    http://academy.dream-coding.com/

    .....................................................

    00:00 개발자들의 평균 연봉
    00:38 프론트엔드, 백엔드, 풀스택 차이점
    01:28 이번 영상 소개
    02:04 전체적인 로드맵 간략 설명 버전
    04:21 ❶ 개발 환경 설정
    06:20 ❷ 프론트엔드 기술 공부 - 기본
    14:36 ❷ 프론트엔드 기술 공부 - 심화
    23:45 ❷ 프론트엔드 기술 공부 - 정리 & 추천
    24:42 ❸ 개발툴
    26:39 ❹ 테스팅
    27:42 ❺ 배포
    28:39 🔥 끊임없이 계속 배우기
    32:30 🤓 끝

    .....................................................

    ☀️ 드림코딩 엘리
    모든 드림코더분들이 개발자로 성장해 나가고 꿈을 이루는 여정에 함께 할 채널입니다 :)
    ❝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

    .....................................................

    #웹개발#프론트엔드#코딩

    김새롬

  • 2017 Do it! Node.js 프로그래밍(개정판)

    100

    youtube.com

    2017 Do it! Node.js 프로그래밍(개정판)

    Node.js에 대해 자세한 설명을 하는 강의입니다.

    GwonYeong

  • localStorage와 sessionStorage

    javascript.info

    localStorage와 sessionStorage

    localStorage와 sessionStorage 차이

    dracure

  • Memoization 메모이제이션

    github.io

    Memoization 메모이제이션

    메모이제이션(memoization)은 컴퓨터 프로그램이 동일한 계산을 반복해야 할때, 이전에 계산한 값을 메모리에 저장함으로써 동일한 계산의 반복 수행을 제거하여 프로그램 실행 속도를 빠르게 하는 기술이다. 메모이제이션은 함수형 프로그래밍 관련 이야기에서는 빠지지 않고 꼭 등장하는 사례이기도 하다.

    yuli_kim

  • 가비지 컬렉션 모르시는분~!!

    velog.io

    가비지 컬렉션 모르시는분~!!

    자바스크립트를 공부하다보면, 가끔씩 가비지 컬렉션(GC)이라는 단어가 등장한다. 직역하자면 '쓰레기 수집' 인데... 자바스크립트에서 쓰레기라고 할 만한게 뭐가 있을까? (사실 너무 많...)

    도봉도봉

  • [Node.JS] 강좌 09편: Express 프레임워크 사용해보기 | VELOPERT.LOG

    5

    velopert.com

    [Node.JS] 강좌 09편: Express 프레임워크 사용해보기 | VELOPERT.LOG

    Node.js 로 웹서버에 필요한 기능을 하나하나 다 짜면, 사실상 조금 귀찮은것들이 많습니다. 라우팅에, 세션관리에 이것저것 골치 아프겠죠? NodeJS의 웹프레임워크를 사용하면 간편하게 웹서버를 구축 할 수 있습니다. 웹프레임워크 종류는 대표적으로 Express, Koa,

    도봉도봉

  • ECMAScript 명세 이해 [번역]

    4

    toast.com

    ECMAScript 명세 이해 [번역]

    JavaScript에 익숙하더라도 JavaScript 언어의 명세(ECMAScript Language specification 또는 줄여서 ECMAScript spec)을 읽는 것은 상당히 어려울 수 있다. 적어도 필자가 명세를 처음 읽었을 때는 그렇게 느꼈다. 구체적인 예를 통해 명세를 이해해 보자.

    도봉도봉

  • Understanding the ECMAScript spec

    4

    v8.dev

    Understanding the ECMAScript spec

    Tutorial on reading the ECMAScript specification. In this article, we take a simple function in the spec and try to understand the notation. Let’s go!

    도봉도봉

  • AWS EC2 인스턴스에 Docker 설치하기

    github.io

    AWS EC2 인스턴스에 Docker 설치하기

    EC2에서 Docker를 활용하기 위한 방법입니다.

    GwonYeong

  • [JavaScript] 문자열 구분자로 자르기 (split)

    tistory.com

    [JavaScript] 문자열 구분자로 자르기 (split)

    자바스크립트에서 문자열을 특정 구분자로 분할하기 위해서는 split 함수를 사용하면 된다. split 함수를 사용하면 특정 구분자를 기준으로 문자열을 분리하여 결과를 배열로 반환한다. 구분자가 많지 않다면 substring 함수와 indexOf 함수를 활용하여 문자열을 특정 구분자로 자를 수도 있다. split 함수로 문자열 자르기 var str = 'HT

    Dev_Hong

  • [React] MobX 이해하기

    velog.io

    [React] MobX 이해하기

    리엑트에서 상태관리하기 위해서 기존 프로젝트에서는 Redux를 많이 사용하였다. 하지만 회사에서는 MobX를 사용하였고 업무 이해를 키울겸 MobX공부를 시작하였다.프로젝트를 하면서 상태관리가 필요하다고 느낀적이 있다. 고정을 많이 사용하는 기능에 매번 API로 데이

    Dev_Hong

  • 리소스의 고유한 식별자는 어떤 형식을 사용해야할까?

    findstar.pe.kr

    리소스의 고유한 식별자는 어떤 형식을 사용해야할까?

    서비스를 설계할 때 데이터베이스의 저장되는 리소스의 Key를 어떤 방식으로 생성해야하는지에 대한 고민을 정리해보았다. 찾아보면서 알게된 것이지만 생각보다 고려할 점이 많았다.

    도봉도봉

  • CSS) nth-child, nth-of-type 다양한 활용방법

    tistory.com

    CSS) nth-child, nth-of-type 다양한 활용방법

    CSS에서 nth-child를 사용하면 쉽게 n번째 요소를 선택 가능하다. li:nth-child(2) { color: lime; } /* 4,8,12,16 ... */ div:nth-child(4n) { color: lime; } 선착순 1등, 2등, 3등에 아이콘을 넣고자 할때 꼭 아래 코드처럼 li가 아니어도된다. div등의 요소도 당연히 선택할 수

    Dev_Hong

  • CSS로 세로 사진 좌우에 블러 효과 넣기 backdrop filter

    mytory.net

    CSS로 세로 사진 좌우에 블러 효과 넣기 backdrop filter

    세로 이미지를 가로 썸네일로 표현해야 할 때는 이렇게 위아래를 자르면 좋지 않은 경우가 있습니다. 얼굴이 잘리는 경우는 가장 안 좋죠.그래서 위와 같이 좌우를 블러로 채워 표현하는 게 좋을 때가 있습니다. 저 같은 경우 PHP 이미지 라이브러리를 사용해 구현을 했었는데요.최근에 우연히 CSS를 이용해서 이걸 구현할 수 있는 방법을 찾았습...

    도봉도봉

  • [Docker] AWS EC2에 Docker 설치 및 배포

    medium.com

    [Docker] AWS EC2에 Docker 설치 및 배포

    Docker에 대해 설명해보라는 말에 “가상 환경 같은 것” 외에는 답할 것이 없었던 백지에 가까운 상태에서, Container와 Image의 개념부터 시작해 Docker 설치와 배포까지 며칠만에 독파하기란 여간 어려운 것이 아니었다. 물론 그냥 제목 그대로 “AWS EC2에 Docker 배포”를 검색하면 나오는 블로그 글을 따라 해봐도 되겠지만…

    GwonYeong

라이브러리에 저장

좋아하는 강좌들을 수집하고 관리하고 공유하세요

닫기