영상 화면이랑 UI가 조금 다릅니다
754
작성한 질문수 8
학습하는 분들께 도움이 되고, 더 좋은 답변을 드릴 수 있도록 질문전에 다음을 꼭 확인해주세요.
1. 강의 내용과 관련된 질문을 남겨주세요.
2. 인프런의 질문 게시판과 자주 하는 질문(링크)을 먼저 확인해주세요.
(자주 하는 질문 링크: https://bit.ly/3fX6ygx)
3. 질문 잘하기 메뉴얼(링크)을 먼저 읽어주세요.
(질문 잘하기 메뉴얼 링크: https://bit.ly/2UfeqCG)
질문 시에는 위 내용은 삭제하고 다음 내용을 남겨주세요.
=========================================
[질문 템플릿]
1. 강의 내용과 관련된 질문인가요? (예)
2. 인프런의 질문 게시판과 자주 하는 질문에 없는 내용인가요? (예)
3. 질문 잘하기 메뉴얼을 읽어보셨나요? (예)
[질문 내용]
안녕하세요
영상에서 나오는 UI랑
제 화면에서 띄운 UI랑 틀이 조금 달라보여서 질문 드립니다.
문제 없는 건가요?
왜 다르게 구현이 되었는지 이유가 있을까요?코드 문제 일까요?
답변 2
1
안녕하세요. 오현우님, 공식 서포터즈 OMG입니다.
임다정님이 잘 설명해주셨는데요 😀
디테일한 차이를 설명드리면
아래 화면에서 왼쪽은 강의코드의 내장 부트스트랩 소스코드(부트스트랩 버전4)를 <link>태그 에서 사용하였고,
오른쪽은 부트스트랩 사이트에서 cdn 코드(부트스트랩 버전5)을 적용하였습니다.
부트스트랩 버전별로 동일한 스타일을 적용하여도 색상이나 디자인 적용에서의 차이가 발생한 것으로 이해하시면 될 것 같아요.
개발자 도구에서 셀렉터를 하나 정해서(.btn-lg) 확인해보았는데, 역시 차이가 있긴하네요 ^^
감사합니다.
1
부트스트랩 버전 4와 버전 5에 차이점에 대해 설명해주셔서 감사합니다!
근데 제가 아직 지식이 얕아서 cdn이나 <link>태그라고 말씀하신 부분에서는 이해가 잘 안된듯 해요 ㅠㅠ
같은 코드를 사용했어도, 버전 차이에서 오는 디자인 차이라고 이해하면 괜찮을까요?
0
부트스트랩 적용을 아래와 같이 <link>태그에 cdn 주소를 사용하셨다면 우측과 같이 적용되었을 것이고, 올리신 코드도 cdn 주소를 통해서 css 스타일을 불러와서 적용이 되었습니다 😀
반면 강의에서는 프로젝트 내에 있는 css파일을 직접 불러와서 적용하였습니다.
정리하면,
두 가지의 차이로 인해 발생한 상황입니다.
(1) 부트스트랩 버전에 의한 컴포넌트 요소의 색깔 등의 스타일 변화
(2) 부트스트랩 적용을 위해 부트스트랩 주소를 사용 vs 부트스트랩 코드를 다운로드 받아 프로젝트 내 css파일 직접 적용
HTML/CSS/부트스트랩에 대해 학습이 진행되지 않았다면 바로 위에서 설명드린 2가지를 대략적으로나마 이해하시면 충분하실 것 같아요 😀
OrderServiceTest 상문주문 테스트 시 update 쿼리 문의
0
28
1
sdk 설정 오류
0
69
2
오탈자 - @Transactional
0
63
1
src/test/resources 테스트 경로 문제
0
63
1
상품 등록후 H2 db 출력 순서 바꿀 수 있나요?
0
70
1
MemberRepositoryTest 실행오류
0
90
1
boot 4.x >>> trasasction rolled back log & p6spy(영한님, 수업 자료 업데이트 해주시면 감사하겠습니다!!)
1
197
2
강의 마지막 QueryDSL 사용 부분 질문있습니다
1
154
2
클라이언트에서 isbn과 author 수정 요청을 한 경우에 대해 질문드립니다.
0
57
1
도메인 모델 패턴 vs 트랜잭션 스크립트 패턴
0
82
1
기본 생성자
0
67
1
h2 DB 연결시 jdbc url 변경 이유가 궁금합니다.
0
107
1
멤버서비스테스트 부분에서 막힙니다.
0
174
4
실무에서도 EntityManager를 이용해서 많이 작업하는 편일까요?
0
124
1
초반에 h2 다운로드 과정 꼭 필요한가요?
0
129
2
자신 필드에도 get으로 접근하는 이유가 있을까요?
0
122
1
24분 27초 연관관계 편의 메서드 위치
0
118
1
단건 주문만 가능하게 한건 의도한 부분이신가요?
0
114
2
빌드 툴, Gradle
0
65
1
h2연결은 된 것 같은데 엔티티 테이블까지 작성 후 확인해보아도 테이블이 안보입니다
0
82
2
Repository에서 EntityManager 주입 방식 차이
0
97
1
롬복과 사용자 정의 setter 메서드
0
78
1
주문 목록 조회 fetch join 질문드립니다
0
91
1
dirty checking 질문드립니다.
0
87
1