1분코딩
1분코딩
  • 138
  • 1 010 831

Відео

[2024 인프런 새 강의] Three.js로 1인칭 3D 웹사이트 만들기
Переглядів 2,3 тис.11 місяців тому
제 웹사이트(studiomeal.com)같은, 3D 웹사이트를 만드는 강의입니다😄 강의보기 → inf.run/VjKwJ
[2023 인프런 새 강의] 웹 애니메이션의 새 표준, Web Animation API
Переглядів 3,3 тис.Рік тому
강의 바로가기⬇️ inf.run/5aXp #인프런 #웹개발강의 #웹애니메이션
작업실 가는 길
Переглядів 1,9 тис.2 роки тому
작업실 가는 길
three.js 강의를 출시했어요
Переглядів 13 тис.2 роки тому
three.js 강의를 출시했어요
최소 설정으로 웹팩 써보기
Переглядів 7 тис.3 роки тому
최소 설정으로 웹팩 써보기
강의짤막소개 - "디자이너를 위한 코딩: 입문부터 포트폴리오 응용까지" with 콜로소
Переглядів 4,2 тис.3 роки тому
강의짤막소개 - "디자이너를 위한 코딩: 입문부터 포트폴리오 응용까지" with 콜로소
캔버스로 경이로운 소문 융의 땅을 만들어보자
Переглядів 14 тис.4 роки тому
캔버스로 경이로운 소문 융의 땅을 만들어보자
인터랙티브 웹 클론 Chapter 03 - BBC "코로나19가 바꿀 사무실의 미래"
Переглядів 5 тис.4 роки тому
인터랙티브 웹 클론 Chapter 03 - BBC "코로나19가 바꿀 사무실의 미래"
인터랙티브 웹 클론 Chapter 02 - BBC "코로나19가 바꿀 사무실의 미래"
Переглядів 7 тис.4 роки тому
인터랙티브 웹 클론 Chapter 02 - BBC "코로나19가 바꿀 사무실의 미래"
인터랙티브 웹 클론 Chapter 01 - BBC "코로나19가 바꿀 사무실의 미래"
Переглядів 11 тис.4 роки тому
인터랙티브 웹 클론 Chapter 01 - BBC "코로나19가 바꿀 사무실의 미래"
새 온라인강좌 소개) 애플 웹사이트 인터랙션 클론
Переглядів 3,8 тис.4 роки тому
새 온라인강좌 소개) 애플 웹사이트 인터랙션 클론
움직이는 요소들의 CSS 퍼포먼스를 향상시키기 will-change
Переглядів 14 тис.4 роки тому
움직이는 요소들의 CSS 퍼포먼스를 향상시키기 will-change
새 온라인 강좌! CSS Flex와 Grid 제대로 익히기
Переглядів 2,7 тис.4 роки тому
새 온라인 강좌! CSS Flex와 Grid 제대로 익히기
[1분코딩] 창 크기에 딱 맞게 유튜브 영상 넣기
Переглядів 6 тис.5 років тому
[1분코딩] 창 크기에 딱 맞게 유튜브 영상 넣기
ES6 (ECMA Script 2015) 템플릿 문자열
Переглядів 2,2 тис.5 років тому
ES6 (ECMA Script 2015) 템플릿 문자열
requestAnimationFrame 사용법
Переглядів 12 тис.5 років тому
requestAnimationFrame 사용법
자바스크립트 이벤트 위임 핵심 정리
Переглядів 17 тис.5 років тому
자바스크립트 이벤트 위임 핵심 정리
[라이브편집본] 스프라이트 이미지 CSS 자동 생성 사이트
Переглядів 1,3 тис.5 років тому
[라이브편집본] 스프라이트 이미지 CSS 자동 생성 사이트
1분코딩 :: nth-child와 nth-of-type
Переглядів 3,1 тис.5 років тому
1분코딩 :: nth-child와 nth-of-type
1분코딩 :: CSS 가상클래스 :placeholder-shown
Переглядів 4,6 тис.5 років тому
1분코딩 :: CSS 가상클래스 :placeholder-shown
SVG #4 SVG 압축하기
Переглядів 1,6 тис.5 років тому
SVG #4 SVG 압축하기
SVG #3 SVG 크기 설정하기
Переглядів 4 тис.5 років тому
SVG #3 SVG 크기 설정하기
SVG #2 HTML 문서에 SVG를 넣는 여러가지 방법들
Переглядів 8 тис.5 років тому
SVG #2 HTML 문서에 SVG를 넣는 여러가지 방법들
SVG #1 SVG란?
Переглядів 11 тис.5 років тому
SVG #1 SVG란?
Atom emmet HTML 기본 언어(lang) 설정 바꾸기
Переглядів 1,2 тис.5 років тому
Atom emmet HTML 기본 언어(lang) 설정 바꾸기
인프런 온라인 강좌) 인터랙티브 웹 제대로 시작하기
Переглядів 2,4 тис.5 років тому
인프런 온라인 강좌) 인터랙티브 웹 제대로 시작하기
[강의예제] 전국투어! 인터랙티브 웹: 짧고 굵은 주말 클래스
Переглядів 1,5 тис.5 років тому
[강의예제] 전국투어! 인터랙티브 웹: 짧고 굵은 주말 클래스
개인 웹사이트 개발로그 #1 | 3D 웹사이트 | 워드프레스 책 추천 | 워드프레스 테마 개발
Переглядів 1,8 тис.5 років тому
개인 웹사이트 개발로그 #1 | 3D 웹사이트 | 워드프레스 책 추천 | 워드프레스 테마 개발
vh단위는 높이에만 사용할 수 있나요?
Переглядів 1,4 тис.5 років тому
vh단위는 높이에만 사용할 수 있나요?

КОМЕНТАРІ

  • @mjylove2
    @mjylove2 10 днів тому

    감사합니다 !

  • @ggetto1807
    @ggetto1807 26 днів тому

    많은 도움 되었습니다. 좋은 강의 감사합니다.😃

  • @sangchu-01
    @sangchu-01 Місяць тому

    완성 전의 코드 다운로드 링크가 만료된 것같아요..!!! ㅠㅠ

  • @user-tagrag90
    @user-tagrag90 2 місяці тому

    저도 vite 한번 써봤습니다~

  • @범쌤-u1u
    @범쌤-u1u 2 місяці тому

    우와 일분코딩 영상이다~!~!~!

    • @studiomeal
      @studiomeal 2 місяці тому

      근데 범쌤은 안봐도 되는 영상...ㅋㅋ

  • @장한별-n7l
    @장한별-n7l 3 місяці тому

    낭만있어요

  • @turingalan7724
    @turingalan7724 4 місяці тому

    좋은 팁 감사합니다.

  • @davidyi8786
    @davidyi8786 4 місяці тому

    쉽게 설명하시는 좋은 강의를 잘 들었습니다. 감사합니다.

  • @bluedawn12345
    @bluedawn12345 5 місяців тому

    안녕하세요. 다름이 아니라 인프런에서 결제할까 고민중인데 물어보는 란이 없어서 질문드리고자 합니다. 1. 선행으로 무료강의를 들어보고 싶은데, 소스코드 다운로드는 결제를 해야지만 받을수 있는 걸까요? 2. 제가 만들고자 하는 웹사이트는 여러개의 파티클이 모여 자동차형상을 만들고 달려가는 형태인데 완강하면 만들수 있을까요? 이상입니다. 감사합니다.

    • @studiomeal
      @studiomeal 2 місяці тому

      답변이 늦었네요~ 전반적인 Three.js의 내용들을 두루 공부하시려면, 이 강의 보다는 inf.run/yQei 이 강의를 추천드립니다. 현재 영상에서 소개된 강의는 정확히 딱 저런 형태의 웹사이트를 구축하는 방법에 집중한 강의라서요! 소스코드는 결제 후에 다운 가능한 것으로 알고 있습니다.

  • @goocker44
    @goocker44 5 місяців тому

    50살 이상이라고????????????ㄷㄷㄷ 20대 30대 같은데 ㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷㄷ

  • @goocker44
    @goocker44 5 місяців тому

    시작 6:20

  • @cmyeeea
    @cmyeeea 6 місяців тому

    눈물흘리던 저에게 한 줄기 빛 ❤

  • @omakase1890
    @omakase1890 7 місяців тому

    곧 하러가겠습니당🌴🦦

  • @KrystalLee-h6k
    @KrystalLee-h6k 8 місяців тому

    라이브 강좌 너무 좋아요!

  • @hotubegame
    @hotubegame 9 місяців тому

    짧게짧게 지식을 얻을 수 있어서 좋네용 ㅎㅎ 감사합니다!!

  • @rubin_wang
    @rubin_wang 9 місяців тому

    Are there English subtitles for this course?

    • @studiomeal
      @studiomeal 9 місяців тому

      I also have the course dubbed in English :) Check it out at the link below (it's currently on sale). payhip.com/b/OL7Nb

  • @민-y2m
    @민-y2m 10 місяців тому

    놀러가서 딴짓하는건 좀;; 놀땐 놉시다..

  • @스타크-b4k
    @스타크-b4k 10 місяців тому

    24년도에도 이거 기초강의봐도되나요?

  • @최한울-j8d
    @최한울-j8d 11 місяців тому

    npm start 시 오류나시는 분들(Failed to parse source map from ...)은 webpack.config.js 에 module > rules > source-map-loader 에 exclude: [/\/node_modules\/html-entities.*/], 값 추가해주시면 정상 작동할거예요 module: { rules: [ { test: /\.js$/, loader: "babel-loader", exclude: /node_modules/, }, { exclude: [/\/node_modules\/html-entities.*/], test: /\.js$/, enforce: "pre", use: ["source-map-loader"], }, ], },

  • @jaehoon2
    @jaehoon2 11 місяців тому

    데이터분석 공부중인 학생인데 너무 재밌어보여서 참지 못하고 결제해버렸네요 ㅠㅠ

    • @studiomeal
      @studiomeal 11 місяців тому

      아이고 감사합니다 ㅎㅎ 공부하시는 분야와 결합해서 멋진거 만들어 보세요!

  • @always73210
    @always73210 11 місяців тому

    문득 궁금한데용..ㅎㅎ 코딩처럼 작업량?이 많으면 어떤 노트북 쓰시나욤???

    • @studiomeal
      @studiomeal 9 місяців тому

      저는 맥북 에어 또는 맥북 프로 쓰고 있습니다! 일반적인 개발 작업이라면 크게 고사양은 필요 없는 것 같아요~

  • @SOLDESK.
    @SOLDESK. 11 місяців тому

    진짜 멋있네요..

  • @hellothere8547
    @hellothere8547 11 місяців тому

    Can this course be placed in the coloso global website? I cannot buy it using the kr version.

  • @studiomeal
    @studiomeal 11 місяців тому

    갑자기 오류가 나서 종료되어 버렸어요! 오늘 와주신 분들 감사합니다 :D

  • @hobis0b
    @hobis0b 11 місяців тому

    아 도둑방송 못봤소2다

  • @빵또아-o1l
    @빵또아-o1l 11 місяців тому

    1분쌤, 인프런에 "1분코딩과 함께하는 3D 인터랙티브 Three.js 로드맵" 이라고 나와 있던데 그 말은 지금까지 나온Three.js 강의 2개 말고 앞으로 몇개 더 나온다는 얘기죠? 2024년엔 어떤 강의 생각 중인지 궁금해요~!

    • @studiomeal
      @studiomeal 11 місяців тому

      Three.js 강의 외에도 구상 중인 후보들이 있어서, 아직 어느게 먼저 될지 아직 미정입니다^^; 결정되면 말씀 드릴게요!

    • @빵또아-o1l
      @빵또아-o1l 11 місяців тому

      @@studiomeal 네, 결정되면 알려주세요~! 이번에 three.js 강의 빠르게 봤는데 삼각함수, 싸인, 코싸인 등 수학이 나오네요. 아, 저 수포자인데 결국 수학은 피할 수 없군요 ㅋ

    • @studiomeal
      @studiomeal 11 місяців тому

      @@빵또아-o1l 그냥 간단하게만 이해하셔도 괜찮아요^^ 저도 수학 잘 몰라요!

  • @빵또아-o1l
    @빵또아-o1l 11 місяців тому

    드디어 새로운 강의와 함께 돌아오셨군요 ㅎ. 방금전 강의 구매했어요~ 아, 근데 목소리가 ai 인거는 쫌 아쉬워요. 1분쌤, 즐거운 설 연휴 되세요~!

    • @studiomeal
      @studiomeal 11 місяців тому

      아이고 항상 감사합니다 ㅎㅎ 목소리는 다국어 버전으로 캐릭터를 넣어 만들다보니 그렇게 되었네요~ 빵또아님도 연휴 즐겁게 보내시고요!

  • @haven88088
    @haven88088 11 місяців тому

    진짜 대단하시다 ㅠ 언젠간 꼭 해볼께요!!

    • @studiomeal
      @studiomeal 11 місяців тому

      감사합니다😊

  • @tomori_95
    @tomori_95 Рік тому

    더 재밌는거 많이 보여주세요 구독했어요.

    • @studiomeal
      @studiomeal 11 місяців тому

      감사합니다-ㅎㅎ

  • @tomori_95
    @tomori_95 Рік тому

    선생님 css 와 자바스크립트 기분 문법도 추천부탁드려요

  • @herb9670
    @herb9670 Рік тому

    3번 예제에서 계속 Uncaught SecurityError: Failed to execute 'getImageData' on 'CanvasRenderingContext2D': The canvas has been tainted by cross-origin data. 이런 에러가 발생하는데 문제가 무엇일까요?

  • @WooSup111
    @WooSup111 Рік тому

    리베아형님 css는 어디가면볼수있나요?😢

  • @julianvelez6563
    @julianvelez6563 Рік тому

    Awesome work ❤

  • @빵또아-o1l
    @빵또아-o1l Рік тому

    1분쌤, 2024년 새해 복 많이 받으세요~! 올해도 1분코딩 영상보면서 많이 배울게요 ㅎ 새해에 곧 나올 강의도 기대되요~!

    • @studiomeal
      @studiomeal Рік тому

      항상 감사합니다^^ 새해 복 많이 받으세요!!

  • @area51k.
    @area51k. Рік тому

    채널명은 1분 코딩인데 2시간 40분 동안 코딩을 하셔서 시간이 순삭되어 버렸네요. 감사합니다! 2024년엔 채널 대박나세요! 감사합니다.

  • @운현-o9j
    @운현-o9j Рік тому

    좋은강의 정말 감사합니다! 궁금한게 있어서 질문드려요. 애니메이션에서 requestAnimationFrame(draw) 을 재귀함수로 사용해서 애니메이션을 구현하고 있잖아요/ 그래서 제가 requestAnimationFrame(draw)가 아니라 그냥 draw()를 draw안에서 사용하게끔 만들어봤는데요. (그냥 이렇게 재귀함수를 만들어주면 callStack 에러가 나서 xPos > 600 이면 리턴해주도록 제한도 걸어놨습니다.) 이 때는, 애니메이션을 그리는 것이 아니라 그냥 마지막 결과만 딱 보여주고 끝내더라구요. 콘솔에 찍어보면 결과는 차근차근 올라가는 게 찍히는 데 말이죠. 그래서 궁금한게, requestAnimationFrame()을 안쓰고 그냥 재귀함수처럼 구현하면, 애니메이션처럼 동작하는 게 아닌, 마지막 결과만 나오는 이유가 뭘까요?? (리페인트를 안해줘서 마지막 결과만 나오고 끝인건가요?) 강의 너무 잘보고 있습니다. 감사합니다!

  • @MIYEONLEE-b3f
    @MIYEONLEE-b3f Рік тому

    canvas 기초 강의로 너무 좋네요~도움 많이 되었습니다! >.<)b

  • @빵또아-o1l
    @빵또아-o1l Рік тому

    1분쌤 three.js 새로운강의 이번달에 나오나요? 아님 내년에 나오는지 궁금해요~!

    • @studiomeal
      @studiomeal Рік тому

      지금 열심히 만드는 중인데- 아마 오픈은 내년 초가 되지 않을까 싶어요!

    • @빵또아-o1l
      @빵또아-o1l Рік тому

      @@studiomeal 벌써 12월 중순이라 내년 초에 나오는거면 금방 나오는거네요 ㅎ 강의 출시하면 공지로 알려주세요~!

    • @studiomeal
      @studiomeal Рік тому

      ​@@빵또아-o1l 항상 감사드려요 빵또아님 ㅎㅎ

  • @코미-b5t
    @코미-b5t Рік тому

    회계쪽 공부 중 나중에 자기계발겸 코딩도 해보고 싶어서 알아보고 있는데 코딩은 보통 어떤 거로 입문하나요?

  • @박성현-o8t6e
    @박성현-o8t6e Рік тому

    질문 있습니다. 캔버스 낙서장이 있는데 낙서를 그린 후 배경만 지울 수 있나요?

  • @qqk9219
    @qqk9219 Рік тому

    12:00

  • @zoala2801
    @zoala2801 Рік тому

    일분이 목소리 귀여워요😀

  • @todaythanks-07q
    @todaythanks-07q Рік тому

    비율이랑 왜 패딩 주는지 이해안되었는데 정말 천재 강사님이십니다:)

  • @빵또아-o1l
    @빵또아-o1l Рік тому

    이것도 드디어 구매 완료~! 이제 겨울에 나올 새로운 형태의 강의 1개만 더 구매하면 올해 강의는 끝이겠군요ㅎ. 기존과 다른 새로운 형태의 강의라고만 알려주셔서 더 궁금해지네요~ㅎ

  • @빵또아-o1l
    @빵또아-o1l Рік тому

    드디어 구매 완료~! 좋은 강의 감사해요~!

  • @torutomaktu
    @torutomaktu Рік тому

    아.. for가 원래 그런 뜻이었구나 ㅋㅋ

  • @clarkgable1115
    @clarkgable1115 Рік тому

    good

  • @황보명원hbmw
    @황보명원hbmw Рік тому

    첨에 준빵조교 보는줄