프론트맨
프론트맨
  • 38
  • 90 907
웹 개발자 면접 단골 질문 1 | CORS와 Preflight의 개념
원하시는 기업에 꼭 합격하시길 기원하겠습니다 :)
면접 연습에 스크립트가 필요하신 분들은 아래를 참고해주세요.
00:00 CORS란 무엇인지 설명해주세요
CORS는 Cross Origin Resource Sharing의 약자로, 교차 출처 리소스 공유라고도 부릅니다. 2009년에 HTML5 표준으로 채택된 프로토콜이며, SOP에 의해 제한된 교차 출처 간 리소스 공유를 허용하기 위한 방법입니다. 애플리케이션의 요구 사항이 복잡해지면서, 다른 도메인의 리소스를 활용하는 경우가 많아졌기 때문에 등장한 프로토콜로, 서버에서 CORS 관련 헤더를 설정하여 다른 도메인에서의 리소스 요청을 허용할 수 있습니다. CORS 에러는 CORS 헤더를 적절히 설정하지 않은 상태에서 교차 출처 리소스를 요청하는 경우 발생할 수 있습니다.
00:40 SOP란 무엇인지 설명해주세요
Same Origin Policy의 약자로, 동일 출처 정책을 의미합니다. 1990년대 후반에 등장한 보안 정책으로, 현재 출처와 동일한 출처의 리소스만 접근할 수 있도록 하는 정책입니다. 여기서 동일 출처란, 도메인과, 프로토콜, 포트 번호가 모두 같은 경우를 의미하며, 하나라도 다를 경우 동일 출처 정책에 의해 리소스 접근이 제한됩니다.
01:06 SOP가 없을 경우 가능한 보안 취약점은 무엇인가요?
사용자 인증 정보에 해당하는 세션 ID같은 정보들이 쿠키에 포함되어 있을 수 있기 때문에 이 세션 정보를 탈취하여 Cross Site Scripting 혹은, CSRF와 같은 해킹 공격에 이용할 수 있습니다. SOP 정책을 통해 리소스를 다른 도메인에서 접근하지 못하도록 제한한다면, 이러한 해킹 공격을 어느 정도 완화할 수 있습니다.
01:33 CORS 프로토콜이 동작하는 원리를 설명해주세요
서버는 응답 처리 코드에서 CORS 관련 헤더를 설정할 수 있습니다. 이 헤더를 통해 요청을 허용할 도메인과, HTTP 메서드, 그리고 요청 헤더의 종류를 정의할 수 있습니다. 이후, 브라우저에서 서버로 리소스를 요청할 때, 이 헤더에 설정한 정보와 일치하지 않는다면, 브라우저에서 CORS 에러가 발생하는 것입니다. CORS 프로토콜 스펙에서 정의한 비교적 보안적으로 민감하지 않다고 판단되는 요청들이 있는데, 이를 단순 요청이라고 칭하며, 이 요청을 제외한 모든 CORS 요청에는 실제 요청을 전송하기 전, 요청 허가를 위한 preflight 요청이 발생할 수 있습니다.
02:16 Preflight 요청이란 무엇인지 설명해주세요
preflight 요청은 보안적으로 민감한 CORS 요청에 대해, 요청이 가능한지를 먼저 확인하는 과정입니다. 브라우저에서 자동으로 실행되는 요청으로, OPTIONS 메서드를 사용하며, 서버에서 설정한 CORS 관련 설정들을 Header 값으로 확인할 수 있습니다. 이 과정을 통해, 허용되지 않는 요청에 대한 처리 부하를 낮출 수 있습니다.
02:44 모든 CORS 프로토콜마다 Preflight 요청이 일어나나요?
보안적으로 민감하지 않은 단순 요청이거나, 이전에 응답받은 Preflight 응답이 캐싱되어 있는 경우 Preflight 요청이 일어나지 않습니다. 서버에서 Access-Control-Max-Age라는 헤더값을 초 단위로 설정할 수 있고, 이전 요청의 응답값이 아직 캐싱되어 있다면, 같은 요청에 대해서는 Preflight 요청이 일어나지 않습니다.
03:10 단순 요청이 무엇인지 설명해주세요
요청의 메서드가 GET, HEAD, POST 중 하나이며, 헤더와 Content-Type이 CORS 프로토콜에서 지정한 값인 경우가 단순 요청에 해당합니다. 이 경우는 Preflight 과정을 통한 권한 조회 과정 없이 CORS 요청이 가능합니다.
มุมมอง: 743

วีดีโอ

웹 이미지 용량을 30% 넘게 줄일 수 있는 법
มุมมอง 1.6Kหลายเดือนก่อน
JPG (JPEG), PNG, SVG 등의 이미지 리소스는 지금까지 웹 개발하시면서 많이 사용해보셨을 것입니다. 오늘은 모던 웹에서 많이 사용되고 있는 WebP에 대해 알아보겠습니다. 이론상 WebP를 활용하면 동일한 이미지를 최대 34%까지 압축할 수 있다고 하니, 성능 / 리소스 최적화에 관심있으신 분들은 한번 활용해보셔도 좋을 것 같습니다. 영상이 유익했다면 좋아요와 구독 버튼 부탁드리겠습니다 🙏🙏 1️⃣ sharp-test 소스코드 링크 github.com/frontman-git/sharp-test 2️⃣ Google WebP 공식 문서 developers.google.com/speed/webp?hl=ko 3️⃣ Conertio (WebP 확장자로 바꿔주는 무료 툴) convertio.co/kr/
게임 버전은 왜 소수점으로 표시할까?
มุมมอง 245หลายเดือนก่อน
오늘은 소프트웨어의 버전을 왜 소수점으로 표현하는지에 대해 설명드렸습니다 :) 영상이 유익했다면 좋아요와 구독 꼭!! 부탁드리겠습니다 🙏🙏 👑 MUSIC PROVIDED BY 음악왕 김체육 👑 Keep going - • [무료 BGM] 빠른 템포의 무료 BGM - Keep going
CSS로 5분 만에 만들 수 있는 네온 사인 효과
มุมมอง 486หลายเดือนก่อน
오늘은 CSS로 텍스트에 네온 사인 효과를 주는 법을 배워보도록 하겠습니다 :) 영상이 유익했다면 좋아요와 구독 꼭!! 부탁드리겠습니다 ❤❤ 1️⃣ 소스 코드 링크 github.com/frontman-git/css-neumorphism-ripple 2️⃣ Google Web Font 링크 fonts.google.com/ 3️⃣ Animista 사이트 링크 animista.net/ 👑 MUSIC PROVIDED BY 음악왕 김체육 👑 Keep going - • [무료 BGM] 빠른 템포의 무료 BGM - Keep going
CSS로 5분 만에 만들 수 있는 Ripple 애니메이션
มุมมอง 1.2Kหลายเดือนก่อน
1️⃣ 소스 코드 링크 github.com/frontman-git/css-neumorphism-ripple
AI로 비틀즈 멤버들을 걷게 만들어 보았다 (무료 | Luma AI)
มุมมอง 615หลายเดือนก่อน
OpenAI의 비디오 생성형 AI, Sora 의 정식 출시만을 기다리고 계신 분들이 있을까요? 그런 분들을 위한 신규 서비스가 올해 6월 런칭되었습니다!! 바로 Luma에서 개발한 Dream Machine이란 서비스인데요, 오늘 함께 알아보겠습니다. 1️⃣ Luma AI 홈페이지 lumalabs.ai/ 2️⃣ reddit/lumadreammachine www.reddit.com/r/lumadreammachine/ 3️⃣ Luma 공식 인스타 계정 luma_ai
실시간 인생 X된 개발자 (구독자 Q&A)
มุมมอง 2.3Kหลายเดือนก่อน
구독자 Q&A에 질문을 등록해주신 모든 분께 감사드립니다 :) 앞으로 더욱 열심히 활동하겠습니다❤ 👑 MUSIC PROVIDED BY 음악왕 김체육 👑 Keep going - • [무료 BGM] 빠른 템포의 무료 BGM - Keep going
네카라쿠배 기본 역량 | CRA없이 react 앱 구성하기 | 6. 개발 서버 적용하기
มุมมอง 471หลายเดือนก่อน
지금이 한창 이직 시즌이라, 강의 영상 업로드가 늦어졌습니다..죄송합니다 😅😅 강의 관련하여 질문은 유튜브 댓글 또는, 아래 오픈카톡방에서 주시면 되겠습니다 (관리자가 부족하여, 즉각적인 답변은 어려울 수도 있습니다ㅠㅠ이는 추후 개선하도록 할 예정입니다) 강의 관련 질문을 할 때는 github 주소를 함께 올려주시면 좋아요! 에러가 발생한 상황을 보다 구체적으로 제시해주신다면, 더욱 정확한 답변을 드릴 수 있습니다 :) 1️⃣ 소스 코드 repo 링크 github.com/frontman-git/react-app-without-cra-code 2️⃣ 프론트맨 오픈카톡방 링크 open.kakao.com/o/gmP6SZqg
프론트엔드 개발자 면접 단골 질문 11 | 브라우저 렌더링 과정
มุมมอง 1.9K2 หลายเดือนก่อน
원하시는 기업에 꼭 합격하시길 기원하겠습니다 :) 면접 연습에 스크립트가 필요하신 분들은 아래를 참고해주세요. 00:00 브라우저 렌더링의 순서를 설명해주세요 먼저 서버로부터 HTML 문서를 전달받으면, 브라우저 엔진은 위에서 아래로 순차적으로 파싱하며 태그와 속성을 발견합니다. 이 태그와 속성들은 트리 형태로 변환되어 메모리에 저장되는데, 이를 DOM 트리라고 합니다. HTML 파싱 중 CSS 링크 또는 스타일 태그를 만나면, 이를 파싱하여 CSSOM 트리로 변환합니다. 문서의 파싱이 완료되면, DOM과 CSSOM 트리를 결합하여 렌더 트리를 생성합니다. 렌더 트리는 브라우저 상에서 요소의 위치와 크기를 결정하는 리플로우 과정을 거치며, 마지막으로 요소의 색상, 경계선 등 시각적 요소를 그리는 페인팅...
프론트엔드 개발자 면접 단골 질문 10 | 렉시컬 스코프
มุมมอง 1.7K2 หลายเดือนก่อน
원하시는 기업에 꼭 합격하시길 기원하겠습니다 :) 면접 연습에 스크립트가 필요하신 분들은 아래를 참고해주세요. 00:00 스코프란 무엇이며, 자바스크립트의 스코프는 어떻게 동작하나요? 스코프란, 변수나 함수의 유효 범위를 의미합니다. 즉, 특정 변수나 함수를 어느 위치에서 참조할 수 있는 지를 나타내며, 만약 스코프에서 벗어난 위치에서 참조할 경우 Reference Error가 발생합니다. 자바스크립트의 스코프는 크게 전역 스코프와 로컬 스코프로 나눌 수 있으며, 이들 모두 렉시컬 스코프 규칙에 따라 결정됩니다. 로컬 스코프는 다시 함수 스코프와 코드 블록 스코프로 나눌 수 있는데, let과 const로 정의한 변수만 코드 블록 스코프를 가질 수 있습니다. 00:40 렉시컬 스코프란 무엇인가요? 렉시컬...
프론트엔드 개발자 면접 단골 질문 9 | 화살표 함수와 function 키워드의 차이점
มุมมอง 2.8K2 หลายเดือนก่อน
원하시는 기업에 꼭 합격하시길 기원하겠습니다 :) 면접 연습에 스크립트가 필요하신 분들은 아래를 참고해주세요. 00:00 화살표 함수와 function 키워드의 차이점을 설명해주세요 먼저, 화살표 함수는 코드 블럭을 사용하지 않을 경우, return 문을 명시할 필요가 없습니다. 또한, function 키워드는 arguments 객체를 통해 함수 인자에 접근할 수 있지만, 화살표 함수는 arguments 객체를 갖지 않기 때문에, 나머지 매개 변수를 통해 함수 인자에 접근할 수 있습니다. 마지막으로, 함수 호출 방식에 따라 this의 참조가 다르게 동작하는 function 키워드와는 달리, 화살표 함수는 this가 항상 상위 스코프의 this를 참조합니다. 00:36 왜 화살표 함수에서는 this가 항...
프론트엔드 개발자 면접 단골 질문 8 | 자바스크립트 호이스팅
มุมมอง 1.7K2 หลายเดือนก่อน
원하시는 기업에 꼭 합격하시길 기원하겠습니다 :) 면접 연습에 스크립트가 필요하신 분들은 아래를 참고해주세요. 00:00 호이스팅이란 무엇인지 설명해주세요 호이스팅이란, 변수와 함수의 선언문이 해당 스코프의 최상단으로 끌어올려지는 현상을 의미합니다. 이러한 현상으로 변수와 함수가 초기화되기 전에 접근할 수 있는 현상이 발생합니다. 단, ES6에서 등장한 방식인 let과 const로 선언한 변수들은 호이스팅은 되지만, 초기화 전에 접근할 수는 없습니다. 00:28 변수와 함수 모두 호이스팅이 동일하게 동작하나요? 아닙니다. 변수는 선언만 호이스팅 되지만, 함수는 선언과 초기화 모두 호이스팅됩니다. 이러한 특성으로 인해, 변수는 초기화 전에 참조할 경우, undefined가 나오지만, 함수는 초기화 전에 ...
노션 글꼴 바꿔주는 확장 프로그램
มุมมอง 3532 หลายเดือนก่อน
오늘 소개해드릴 확장 프로그램은 내 notion 페이지에서 폰트를 변경할 수 있는 프로그램인, Tailored Notion입니다. ⚠ 아래 기능은 지원되지 않습니다 (내 PC에서만 적용된다고 보시면 됩니다) - 공유된 페이지의 경우, 다른 사용자의 PC에서 변경된 폰트 반영 X - PDF로 내보내는 경우 PDF 페이지에 폰트 반영 X - 노션 어플리케이션 페이지에 폰트 반영 X 1️⃣ 확장 프로그램 다운로드 링크 chromewebstore.google.com/detail/tailored-notion/hapcnpnopbmifahnnehfcncojejoiefn
네카라쿠배 기본 역량 | CRA없이 react 앱 구성하기 | 5. 플러그인 적용하기
มุมมอง 5602 หลายเดือนก่อน
네카라쿠배 기본 역량 | CRA없이 react 앱 구성하기 | 5. 플러그인 적용하기
쓰레기같은 확장 프로그램
มุมมอง 2.5K2 หลายเดือนก่อน
쓰레기같은 확장 프로그램
네카라쿠배 기본 역량 | CRA없이 react 앱 구성하기 | 4. webpack 적용하기
มุมมอง 8972 หลายเดือนก่อน
네카라쿠배 기본 역량 | CRA없이 react 앱 구성하기 | 4. webpack 적용하기
프론트엔드 개발자 면접 단골 질문 7 | Virtual DOM
มุมมอง 3.1K2 หลายเดือนก่อน
프론트엔드 개발자 면접 단골 질문 7 | Virtual DOM
INTP 개발자의 장단점 8가지 (본인 인팁임)
มุมมอง 1.8K2 หลายเดือนก่อน
INTP 개발자의 장단점 8가지 (본인 인팁임)
네카라쿠배 기본 역량 | CRA없이 react 앱 구성하기 | 3. build process에 babel 적용하기
มุมมอง 1K2 หลายเดือนก่อน
네카라쿠배 기본 역량 | CRA없이 react 앱 구성하기 | 3. build process에 babel 적용하기
자바스크립트 문제 | console.log의 출력값을 맞히시오
มุมมอง 1.7K3 หลายเดือนก่อน
자바스크립트 문제 | console.log의 출력값을 맞히시오
네카라쿠배 기본 역량 | CRA없이 react 앱 구성하기 | 2. Babel 적용하여 JSX 문법 사용하기
มุมมอง 8103 หลายเดือนก่อน
네카라쿠배 기본 역량 | CRA없이 react 앱 구성하기 | 2. Babel 적용하여 JSX 문법 사용하기
네카라쿠배 기본 역량 | CRA없이 react 앱 구성하기 | 1. Webpack, Babel 없이 React 앱 개발하기
มุมมอง 2.1K3 หลายเดือนก่อน
네카라쿠배 기본 역량 | CRA없이 react 앱 구성하기 | 1. Webpack, Babel 없이 React 앱 개발하기
네카라쿠배 기본 역량 | CRA없이 react 앱 구성하기 | 0. 강의 소개
มุมมอง 2K3 หลายเดือนก่อน
네카라쿠배 기본 역량 | CRA없이 react 앱 구성하기 | 0. 강의 소개
대기업에서도 사용하는 VSCode 확장 프로그램 Best 5
มุมมอง 11K3 หลายเดือนก่อน
대기업에서도 사용하는 VSCode 확장 프로그램 Best 5
프론트엔드 개발자 면접 단골 질문 6 | 리플로우와 리페인트
มุมมอง 3.4K3 หลายเดือนก่อน
프론트엔드 개발자 면접 단골 질문 6 | 리플로우와 리페인트
프론트엔드 개발자 면접 단골 질문 5 | 이벤트 루프와 콜백
มุมมอง 5K5 หลายเดือนก่อน
프론트엔드 개발자 면접 단골 질문 5 | 이벤트 루프와 콜백
프론트엔드 개발자 면접 단골 질문 4 | key에 배열 index를 사용하면 안되는 이유
มุมมอง 3.9K6 หลายเดือนก่อน
프론트엔드 개발자 면접 단골 질문 4 | key에 배열 index를 사용하면 안되는 이유
프론트엔드 개발자 면접 단골 질문 3 | 프로미스와 async-await
มุมมอง 4K6 หลายเดือนก่อน
프론트엔드 개발자 면접 단골 질문 3 | 프로미스와 async-await
이 사이트 하나면 웬만한 CSS 애니메이션은 날먹이 가능합니다
มุมมอง 18K6 หลายเดือนก่อน
이 사이트 하나면 웬만한 CSS 애니메이션은 날먹이 가능합니다
자바스크립트 모듈 로드 문법은 왜 두개로 나눠졌는가
มุมมอง 2.2K6 หลายเดือนก่อน
자바스크립트 모듈 로드 문법은 왜 두개로 나눠졌는가

ความคิดเห็น

  • @최윤섭-p1w
    @최윤섭-p1w วันที่ผ่านมา

    강의 잘봤습니다! 이런 영상 애니메니션은 어떤 툴로 만드시나요??

    • @프론트맨-e2b
      @프론트맨-e2b วันที่ผ่านมา

      애프터이펙트로 만들고 있습니다 :)

  • @skk4362
    @skk4362 วันที่ผ่านมา

    선생님 감사합니다

  • @Daewony
    @Daewony วันที่ผ่านมา

    항상 좋은 강의 감사합니다!

  • @MN-do7hk
    @MN-do7hk วันที่ผ่านมา

    선생님 오랜만이십니다 자주 와주세요

    • @프론트맨-e2b
      @프론트맨-e2b วันที่ผ่านมา

      시청해주셔서 감사합니다 :) 얼마 전 이직해서 적응하느라 영상을 못만들고 있었네요ㅠㅠ앞으로 열심히 만들겠습니다ㅎㅎ

    • @MN-do7hk
      @MN-do7hk วันที่ผ่านมา

      @@프론트맨-e2b 오ㅎㅎ이직 축하드립니다!!

    • @프론트맨-e2b
      @프론트맨-e2b ชั่วโมงที่ผ่านมา

      감사합니다 :)

  • @user-ps6ng6ho4p
    @user-ps6ng6ho4p 12 วันที่ผ่านมา

    제발 코드좀 이미지로 업로드하지마...

  • @yeorinim2sida
    @yeorinim2sida 15 วันที่ผ่านมา

    양쪽의 모듈 시스템을 통합할 기회가 있었으나 어이 없게도 주도권을 쥐고 있는 그룹끼리 알력과 다툼이 발생해서 모듈 시스템 단일화가 늦어짐. 그러는 동안 require 쓰는 라이브러리 따로, import 쓰는 라이브러리 따로 계속 늘고, 백엔드와 프론트엔드 양쪽에서 사용하는 경우 호환해주는 라이브러리를 또 쓰고 난장판이 됨. 언어는 java나 python처럼 단일조직이 스펙을 결정해야 한다는 것을 잘 보여주는게 JavaScript 임. 춘추전국시대처럼 난장판 돼서 지금도 이게 깔끔하게 정리가 안되고 있음.

    • @프론트맨-e2b
      @프론트맨-e2b วันที่ผ่านมา

      개발자만 힘들어졌죠ㅠㅠ

  • @햄토스트-d7z
    @햄토스트-d7z 16 วันที่ผ่านมา

    와우 초보자들도 금방 멋진 걸 만들 수 있겠어요

    • @프론트맨-e2b
      @프론트맨-e2b วันที่ผ่านมา

      멋진 프로젝트 기대하겠습니다!!

  • @땅콩-l7p
    @땅콩-l7p 22 วันที่ผ่านมา

    감사합니다. 면접 준비 도움이 되었어요.

    • @프론트맨-e2b
      @프론트맨-e2b วันที่ผ่านมา

      좋은 결과 있으시길 바랄게용

  • @JavaCoffee-0621
    @JavaCoffee-0621 23 วันที่ผ่านมา

    React 유튜브 강의를 보다보면 require를 쓰시는 분도 있더라구요. 그건 뭐고 왜 내 vs에서는 import를 쓰라고 하나.. 봤더니 요런 사정들이 있었네용 ㅎ

  • @kxun_ii
    @kxun_ii 28 วันที่ผ่านมา

    너무 이해가 잘돼요,, 너무 감사합니다...! 정말 클로저에 대해서도 알려주시면 너무 감사할것 같습니다 ㅜㅜ 아직 이해가 부족해서요.. 감사합니다!!!

    • @프론트맨-e2b
      @프론트맨-e2b 25 วันที่ผ่านมา

      시청해주셔서 감사합니다 :) 클로저 영상도 조만간 올려보겠습니당

  • @dev-jay
    @dev-jay 29 วันที่ผ่านมา

    이 콘텐츠 시리즈 계속 해주세요 ㅜㅜ!! 설명도 깔끔하고 귀에 쏙쏙 들어와서 기술면접 준비하거나 복습할 때 도움돼요!! 감사해요!

  • @remanufacturing_machine
    @remanufacturing_machine หลายเดือนก่อน

    혹시 신이신가요..? 이렇게 쉽게설멸하는게 말이 되나..

  • @terry-f9w
    @terry-f9w หลายเดือนก่อน

    너무 명확하고 좋아요 ~

  • @sookis1715
    @sookis1715 หลายเดือนก่อน

    함써보겠습니다.~!!! ㅎㅎ

  • @you3667
    @you3667 หลายเดือนก่อน

    좋은 강의 감사합니다.

  • @gamesu199
    @gamesu199 หลายเดือนก่อน

    감사합니다 도움 많이 받고 있어요!

  • @김현중-j4u
    @김현중-j4u หลายเดือนก่อน

    2

  • @김현중-j4u
    @김현중-j4u หลายเดือนก่อน

    This is the updated comment This is the updated commentThis is the updated commentThis is the updated comment.

  • @f9049a
    @f9049a หลายเดือนก่อน

    amd umb에 관한 설명이 있을 줄 알았는데 너무 아쉽네요

  • @roof102
    @roof102 หลายเดือนก่อน

    넣을게~ ⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬⫬

  • @poodlehye-ja9000
    @poodlehye-ja9000 หลายเดือนก่อน

    function 키워드는 간지가 안납니다

  • @lilililillllIIll
    @lilililillllIIll หลายเดือนก่อน

    require 는 동기적으로 모듈을 가지고 오고 import 는 비동기로 가지고 오나 이야기해주신 정적분석이기에 의존성 그래프를 다 분석해야 실행이 되지요 그래서 🍆 떨구기가 유리하고 require 는 뭐 객체로 받으니 정확히 어떤게 쓰이는지도 분석이 어렵고...ㅜ ㅜ

  • @hooudu
    @hooudu หลายเดือนก่อน

    감사합니다 :)

  • @poodlehye-ja9000
    @poodlehye-ja9000 หลายเดือนก่อน

    퍼블도 하시나용??

    • @프론트맨-e2b
      @프론트맨-e2b หลายเดือนก่อน

      할 줄은 아는데, 현업에서는 퍼블리셔 분이 따로 있었어요ㅎㅎ

  • @poodlehye-ja9000
    @poodlehye-ja9000 หลายเดือนก่อน

    편집 너무 깔끔하고 보기좋네요 구독합니다😊

    • @프론트맨-e2b
      @프론트맨-e2b หลายเดือนก่อน

      @@poodlehye-ja9000 강아지 너무 귀엽네요ㅋㅋㅋ저두 구독합니다 :)

  • @jjihoon03
    @jjihoon03 หลายเดือนก่อน

    이건 몰랐네요 😮

  • @TV-ll3kh
    @TV-ll3kh หลายเดือนก่อน

    좋은 내용인데 음악소리 때문에 도저히 끝까지 볼 수가 없네요. 아쉽습니다.

  • @Q_20
    @Q_20 หลายเดือนก่อน

    Jpeg XL은 최고의 포맷이지만 구글이 죽여버림😢

  • @강신규-c9m
    @강신규-c9m หลายเดือนก่อน

    이거보고 좋아요 박고 테마만 바꿨습니다. 코드는 언젠간 따라하겠지

  • @NiataDiyana-d5z
    @NiataDiyana-d5z หลายเดือนก่อน

    면접 영상은 더 안올라오나요???? cors 관련 개념 같은것도 다뤄주시면 좋을것 같아요!

    • @프론트맨-e2b
      @프론트맨-e2b หลายเดือนก่อน

      넵넵 이번주에 CORS 개념 정리해서 올려보겠습니다 :)

  • @lilililillllIIll
    @lilililillllIIll หลายเดือนก่อน

    ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 이걸 왜 지금 봤짘ㅋㅋㅋ 게이형이랑나중에 맥주 ㄱㄱ

  • @lilililillllIIll
    @lilililillllIIll หลายเดือนก่อน

    webp 를 base64로 변환하면 다른 포맷이랑 용량이 얼마나 차이날까 궁금하네요

  • @게게게게게게에에
    @게게게게게게에에 หลายเดือนก่อน

    웹피는 해상도 제한이 있음 ㅠㅠ

  • @s_deng
    @s_deng หลายเดือนก่อน

    자바스크립트 어느정도 안다고 생각했는데 우물안 개구리였네요😂

  • @테드풀
    @테드풀 หลายเดือนก่อน

    그래서 ios 지원 잘 되나요?😢

    • @프론트맨-e2b
      @프론트맨-e2b หลายเดือนก่อน

      safari 앱은 지원이 잘 되는 것으로 알고 있는데, 네이티브 앱에서는 호환성 이슈가 좀 있을거에요ㅠㅠ

  • @배부른곰이
    @배부른곰이 หลายเดือนก่อน

    실제로 이미지 업로드 때 써보면 50% 넘게 줄여주던데 34%는 진짜 겸손임

  • @김태우-m3x
    @김태우-m3x หลายเดือนก่อน

    중견 경력직도 이러면 신입은 어떻게 하노 ㅋㅋㅋㅋ

  • @hello-1024-wellcome
    @hello-1024-wellcome หลายเดือนก่อน

    근데 이거 배보다 배꼽이 클거같음.. 쥰나 귀찮을거같은데 예외시킬 대상 하나하나 적는거..

    • @프론트맨-e2b
      @프론트맨-e2b หลายเดือนก่อน

      File path로 exclude 처리할 수도 있을거에요 아마ㅋㅋㅋ프로젝트에 고유 명사가 많이 들어가나요??

  • @YoungwanKim-l9e
    @YoungwanKim-l9e หลายเดือนก่อน

    vscode 테마 어떤거 쓰시는지 알 수 있을까요?

    • @프론트맨-e2b
      @프론트맨-e2b หลายเดือนก่อน

      Dracula 테마입니다!

    • @YoungwanKim-l9e
      @YoungwanKim-l9e หลายเดือนก่อน

      @@프론트맨-e2b 감사합니다!!

  • @lilililillllIIll
    @lilililillllIIll หลายเดือนก่อน

    훌륭한 네온사인 그거슨 프론트맨 후광이쥐

  • @jh_nam0725
    @jh_nam0725 หลายเดือนก่อน

    오옹 멋져요

  • @self-coding-h8x
    @self-coding-h8x หลายเดือนก่อน

    와 쩐다