실제 업무에서는 반응형 하시는거면 Html meta 태그 설정부터 할테니 해상도는 신경 안써도 됩니다. 기기별로 나누는것도 responsive design 이 아니라 adaptive design 할때가 아니면 그다지 안쓰고 심지어 adaptive design 할때도 대부분 자바스크립트라 미디어 쿼리 안쓰고 클래스로 하는게 일반적입니다.
@@erwqsdasq768 네이티브앱의 경우 케이스 별로 몇가지만 만들어 두면 나머지는 자동으로 맞춰줄 수 있어요. 웹인 경우는 PC버전과 모바일 버전만 구분해서 처리 해두고, 나머지는 자동정렬해버림.. 일반적으로 화면설계 자체를 해상도 변화를 고려해서 반응형으로 나올수 있도록 합니다.
플렉스로는 어느 정도 한계가 되는 경우가 있구요 ㅎㅎ 애초에 화면 비율에 따라 구조 배치 자체가 바뀌는 등 경우도 있기 때문에 이런 경우 어느 정도 화면 사이즈별 스타일을 적용할 필요가 있습니다. 프론트든 퍼블리셔든 하는 일입니다. 애초에 해외에선 우리나라와 같은 개념으로 쓰는 퍼블리셔는 따로 없어요. 우리나라에서 표현하는 개념입니다.
이 코드를 본 사수 : 깊은 한숨을 쉰다
대박 하뉴 채널 남편이 거니님이라니 !!
'한 페이지가 될 수 있게'
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ😂
Welcome to the iphone
ㅋㅋㅋㅋㅋㅋㅋㅋ
이 때 이 목소리가 하뉴님이셨다니😂😂😂두분 유튭 넘 잘보고있어요!!!학생때 거니님 정렬 영상보면서 도움 많이 받았는데 하뉴님 채널보다가 익숙한 목소리가ㅋㅋㅋ행복한 결혼생활하세요🎉🎉
혹시 하뉴..?🫣
엇...저도 그 생각했는뎈ㅋㅋㅋㅋ 두뷴다 목소리가 많이 비슷하네요
@@성유진-v9n맞는디 하뉴 ㅋㅋ
내놔 강아지들도 나와 ㅋㅋㅋ
키보드랑 모니터 집문까지 구도가 다 똑같음
맞지? 하뉴
이분이었다! 매일 새벽 야식으로 호강하시는분
실제 업무에서는 반응형 하시는거면 Html meta 태그 설정부터 할테니 해상도는 신경 안써도 됩니다. 기기별로 나누는것도 responsive design 이 아니라 adaptive design 할때가 아니면 그다지 안쓰고 심지어 adaptive design 할때도 대부분 자바스크립트라 미디어 쿼리 안쓰고 클래스로 하는게 일반적입니다.
"크로스 브라우징은 하셨어요? 아 참 익스도 포함인거 알죠?"
익스 종료됐는데 굳이 할 필요있나욤..
이미 깔려있는 사람 때문에 하라고 하는거면
차라리 저는 퇴사;;
익스가 죽었어도 우리에겐 사파리라는 악이 존재합니다
삼성브라우저에서 에러가 뜨는데요??
@@지룽이-h1emz mind
@@erwqsdasq768 사파리놈들은 사파리만의 정책이 있거나 지원하는 파일 코덱이 다릅니다
UI를 어떻게 짜면 반응형을 저렇게 해야하지 보통 퍼센트로 하지않나..
ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 너무 웃겨ㅠㅠㅠ
팩트: 프론트엔드 엔지니어는 저거 안함. 아니 하는데 저렇게 빡세게 안함 ㅋㅋ UI엔지니어라고 따로 있어요 퍼블리셔라고도 합니다. 그리고 백엔드 엔지니어는 on call duty가 진짜… 티어0 팀에 가면 프론트엔지니어 하길 잘했다는 소리 나옵니다.
영어를 몰라 질문 드립니다.
on call duty는 상시 전화대기 인가요?
@@gandaahtesla5843 네 직역하자면 그렇긴 해요. 실제로 이슈 터지면 새벽에도 전화오니까요. 이슈 터졌을 때 일순위로 연락 받고 해결해야돼요.
@@gandaahtesla5843언제든지 업무 가능해야 한다는 뜻
장애나면 바로 대응해야 하니까요
팩트: 프론트엔드가 다 한다.
사이즈별 조절 저렇게 일일이 안하긴 하는데 기기별, 브라우저별로 예상치 못한 엉뚱한 이슈 터지거나 함. 차라리 그걸 보완하는 영상이었으면 더 공감했을듯
이거 정말인가요? 저 안드로이드 개발자인데요.. 플랫폼마다 기종마다 지정해줘야 하는건가요? 안드가 해상도 파편화가심해도.. 저정도로 하나하나씩해상도를 지정하지 않거든요.. hdpi로 나누지.. 지금 웹개발로 전향하려고 html css javascript 하고 있는데 이영상 사실이면 웹 프론트는 안하고 스프링으로 백엔드만 하려구요..
왜 웹쪽으로 전향하시는건가요?? 앱은 비전이 별로인지요 ㅠㅠ
React native랑 react 도 비슷하던데 앱도 만들어주시죠😢
익스 하던 세대라서 ㅋ 지금 진짜 할 거 없단 생각이었는데… 줸장할 폴드가!!!!!!!!!! 😢
라떼는 IE6 IE7 IE8 크로스브라우징 하려고, CSS Hack 덕지덕지 붙히고 브라우저 종류별로 띄워놓고 개발했지.
브라우저 과도기땐 브라우저 마다 명세가 달라서 Caniuse 같은거 띄워놓고 찾아가면서 개발했지.
레이아웃은 table 태그로 잡았고 flex나, grid 따윈 없었음. float left right랑 clear both로 모든걸 배치했지
요샌 많이 편해짐.
어이어이 스크린 오리엔테이션도 잊지 말라고
화면 늘어나는 시리즈 나오면 가관이겠네.
저거 진짜 핸드폰별로 해야되요? 적당히 하면 안되나?
하뉴님이였다니
개발자 도구를 안키고 하다니..
코드도 자동으로 반응하는거 한꺼번에 만들어 놓으면 다음부턴 복붙
남편분도 진짜 잘생겼네요 깔깔이만 입는거와달리 ㅋㅋㅋ
잡스가 폰 싸이즈 늘리지 말라고 유언 했었다죠? ㅋㅋ
잡스는 개발자가 아니라 저런건 좆도모름
떠나고 나서야 빛인걸 알았습니다...
늘리고 나서 더 좋은 세상이 만들어졌죠 ㅎㅎ
폰사이즈 보다 해상도가 중요합니다
화면크기도 usb c 처럼 표준 몇개만 😂
챗지피티야 모든핸드폰 크기로 다만들어줘~~
모바일 대응이라 미디어 쿼리 쓰는건 알겠는데 기종별로 원래 사이즈 나누는건가요? sp 묶어서 처리한 적은 있어도 기종을 저렇게 나누어서 작성하나요?
몰라서 묻는건데 폴리모피즘을 여기에 적용할 여지는 아예 없는건가요? 일일이 만든다는 생각은 개발이라기보다는 노가다에 가깝다는 생각이 들어서...
정말 데탑용 모바일용 웹디자인 개빡쎄
디자이너가 만들어서 주는걸 커스텀하는 건데도 디자인이 깨져 ㅠㅠ 완전 따로 만드는게 나을듯
잔체호환 툴이 있어야함 아님 백앤드 합시당 아님 서버헤야하나
와 반응형 웹 공부중인데 안그래도 프로젝트 할때 도대체 어느 ui크기에 맞춰야 하는지 맨날 고민하는데... 개많네
다 이제 막 배우기 시작한거라
듣기만해도 정신나가버릴거같네양..
형님..vw로 넘어가시죠
핸드폰 폴드 나오는거 보고 프런트 길은 가지 않기로 한 나.. 칭찬해😢😮😊
익스플로러는 죽었지만
아직도 어딘가에 살아있다
좀비같다
아... 기종마다 다 해줘야 하는구나... ㅋㅋㅋ 첨알았네
노트 9도좀...
반응형은 뭐 넘나쉬워서
I18n도 적용해주세요
하뉴 ㅋㅋㅋㅋ
보통 모바일용 이나 os만 지정하지 않나요
사수와 그 옆자리 퍼블리셔는 한숨을 쉽니다
코딩 모르는데 저렇게 휴대폰마다 다 하나씩 만들어야 하나요?....😢
중국브랜드폰 삼성폰 아이폰 다 넣어야하나요?...ㄷㄷ
아뇨. 유머에요
프론트엔드는 이걸다 하나요? 공식이나 그런거 없나요??
저렇게 쪼갤 필요 없습니다. 깨지는 해상도에서만 조절해주면됩니다
하뉴~s 어디서 듣던 목소리가 들리넹
아이패드는요?
이렇게 짜면 어켘ㅋㅋㅋㅋㅋㅋ 아이고 두야
내가 프론트엔드는 아니지만 이런식으로 개발이 이루어질리가 없을텐데
'아님말고'
갤럭시 폴드 ㄹㅇ 골때림 ㅋㅋㅋㅋ 생각보다 많이 얇아서 ㅋ..
갤s20 아직 현역이라구 ㅡㅜ
반응형 태그인데 왜 해상도마다… 구간별 해상도 조건만 스위칭 해줘도 되는데
와.... 폰 종류별로 다 세팅해줘야하는구나 진짜 고생들 하시네
아닙니다;; 영상 제작자분이 확대 과장한거에요.
실제로는 코드 몇 줄이면 끝납니다
근데 진짜 반응형 웹 디자인할때 저정도로 css많이 작성함? 나도 저런 경험있는데 방법 없음?
보통 저렇게 안함 ㅋㅋㅋ
듣기만홰도 숨이 턱턱 막힌다........
저걸 일일히 다하는 사람이 어디있어요 ㅡㅡ;;;;
@@erwqsdasq768 네이티브앱의 경우 케이스 별로 몇가지만 만들어 두면 나머지는 자동으로 맞춰줄 수 있어요. 웹인 경우는 PC버전과 모바일 버전만 구분해서 처리 해두고, 나머지는 자동정렬해버림.. 일반적으로 화면설계 자체를 해상도 변화를 고려해서 반응형으로 나올수 있도록 합니다.
@@erwqsdasq768보통 모바일, 태블릿, PC 세종류 해상도로 나눠서 작업함
일일이
유머인듯 그냥... 모델 하나하나하다간 죽어요...
@@erwqsdasq768대충 pc인지 모바일인지 태블릿인지 정도만 구분 할듯?
보통 저거를 폰마다 설정하는거임? 크기 범위설정해서 하는거 아니였음?
저거 땜시 ui 프레임워크 써야함
안써봐서 그러는데 플러터써도 저럼요?
???: 이제 버튼좀 여기로 옮겨주세요
퍼블을 ...구해주세..
ㅎㅎㅎㅎㅎ
그냥 width 를 % 로 가면 안되나?! 아직 공부중이라...
360px에 마추면 왠만한 모바일 다 마추어저요
대땨~~
Css ~
개발자는 노가다다~
😢
요새는 프론트하는사람도 개발자라고 하나..?
뭔가 머리아프에 ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ
진짜로 근데 기기 종류별로 다하나요?
저 정도로 많이 하지는 않고 진짜 차이가 큰 경우만 설정함.
예를 들어서 데스크탑, 랩탑, 태블릿, 모바일 환경 같이 큰 분류로 나눔.
한숨나오네..
일단 모바일부터해야 좋습니다..
GPT 4.0 씁니다
진짜 해상도 ㅂㄷㅂㄷ 뭔 화면을 펼치고 접고 에라이
저건 걍 실력이 없는 거
익스플로러는 제발 좀
저건 귀찮은거지 어렵진않음
해상도별로만 나눔 될듯한데
Flutter써야 되는 이유…
수능 수학 만점받는게 쉽나요 코딩이 쉽나요?ㅇㅅㅇ
노가다가 쉬우세요 머리쓰는게 쉬우세요?
@@jimmykim5001 오호..코딩은 노가다군요 확와닿네요 감사함다ㅋㅋㅋㅋ
@@user-kk1cq7v25 혹시나 해서 그러는데, 저런 코딩은 노가다구요. 프로그래밍 위한 클린코드 작성은 다릅니다.
@@jimmykim5001 아하 답변감사합니당!
잘 몰라서 그런데 이런분들 얼마받음?
한번에 일 시키라고...
치트쥐비티!
아이폰15 나왔어요 개발자님
문 뒤에분 킹받네....
갤럭시 A시리즈 ㄷㄷㄷ
ㅋㅋ 백엔드라 다행이누
이거 뭐죠... 누가 저래 하나요?
이걸 다 따로 만들어야돼요....??
ㅋㅋ 그 정돈 아니구, 보통 반응형 사이즈 구간을 나눠요. 실제 픽셀 수와 별개로 반응형 사이즈 폭이 있습니당.
플렉스로 풀면되요. 저렇게 만드는건 퍼블리셔
플렉스로는 어느 정도 한계가 되는 경우가 있구요 ㅎㅎ
애초에 화면 비율에 따라 구조 배치 자체가 바뀌는 등 경우도 있기 때문에 이런 경우 어느 정도 화면 사이즈별 스타일을 적용할 필요가 있습니다. 프론트든 퍼블리셔든 하는 일입니다. 애초에 해외에선 우리나라와 같은 개념으로 쓰는 퍼블리셔는 따로 없어요. 우리나라에서 표현하는 개념입니다.
유럽연합 뭐하냐? 환경을 위해 해상도도 통일하라고~~~
뭐만 있으면. 다 해달라 해야지 쩝
감히 프론트가.. 말대꾸...?
프론트는 도 개발자라고 칭하는게 맞나여?
응?? 어느 누가 저렇게 기종별로 일일히 미디어쿼리를 선언하죠? 상황극을 위해 일부러 과장하신건가요?
ㅋㅋㅋㅋ
진짜 이렇게함?
결혼하셨어요? 거니님?
왜 이렇게?...
.App? 불편
그렇게 개발자는 사라졌다! 도망간것이다! 배달알바하러~
저런건 자동화안됨?
프론트엔드가 아니라 퍼블리싱....
아 또 편식하나요? 화면개발은 다 프론트엔드가 해야죠~ 그럴거면 백엔드하셔야지...
@@ihopetravel0222ㅋㅋㅋㅋ (발암)