@GetMapping ( "/mypage" ) public String myPage ( Model model, Authentication authentication) throws Exception { AccountContext ac = ( AccountContext ) authentication.getPrincipal(); model.addAttribute( "info" , ac .getUsername()); return "user/mypage" ; } 바로 전 강의에서는 이 코드가 정상적으로 실행 됐는데, 이번 강의에서 추가적인 작업을 한 뒤에는 error page가 나옵니다.. 혹시 이유와 어떻게 고쳐야하는지 알 수 있을까요???
@Table 어노테이션을 보던중에 indexes 라는 프로퍼티를 발견해서 보니 인텍스를 설정하는 속성이라고 하던데 이 속성을 넣어주면 index table이 제가 정의해준 인덱스 테이블과 디비에서 기본으로 제공해주는 인덱스 테이블 2개가 생기는건가요? 아니면 이 속성을 넣어주면 db defult인덱스 테이블이 안만들어 지나요? 그리고 h2 에서 show index from {table 이름} 했을 때 신텍스 에러가 뜨는데 h2는 index 확인하는 방법이 뭐가 있을까요?
플랫폼 자체가 2단 띄어쓰기가 잘 안되네요ㅠ 행간 차이를 명확하게 주려고 했는데 불가능하니 되도록 이미지를 다운받아서 봐주시길 바랍니다. 좋은 UX, 나쁜 UX 찾기 나쁜 UX의 예: 콜로소 콜로소는 온라인 클래스 사이트이다. 이 사이트에서 겪은 자질구레한 불편은 많은데 특히, 이 이벤트 페이지의 UX 리디자인이 필요해보인다. 1. 콘텐츠(강의)가 중심이 되는 플랫폼에서 콘텐츠가 1순위 위계가 아니다. 온라인 클래스 플랫폼은 콘텐츠가 제 1순위 정보이다. 그런데 할인 버튼에 너무나 강한 강조가 들어가 강의의 제목이 잘 보이지 않는다. 제목 부근에 스페이싱을 넉넉하게 줘서 눈에라도 잘 띄게 했으면 좋았을 것 같다. '4만원 추가할인 받기', '6만원 추가할인 받기'에 상대적으로 채도가 강한 색이 2개나 들어가 정신이 없다. (심지어 주황색 백그라운드에 빨간색으로 '2만원 추가할인받기'라고 써져있어 가시성마저 좋지 않은 버튼도 있었다.) 2. 4만원을 할인 받으면, 전체 비용에서 얼마를 할인 받는거지? 120만원 짜리 노트북을 사는데 4만원 할인이면 크게 느껴지지 않으나 8만원 짜리 제품을 사는데 4만원 할인이면 크게 느껴지는 법이다. 저 강의들의 정가에서 도대체 어느정도 할인을 해주는 건지, 좋은 조건인지 한 번에 이해되지 않는다. 즉 설레지 않는다. 몇 % 할인이라던가, 정가를 회색 글씨에 밑금 긋고 할인가격에 하이러라키를 주는 식으로 바꿀 필요가 있어보인다. 3. 컨셉 모델간에도 카테고리가 통일되어 있지 않다. 현 UI는 우측 상단의 '이벤트' 탭을 눌렀을 때의 화면이다. 우측 상단 카테고리 탭에서 강의들을 브라우징 했을 땐 '영상 디자인'이라고 분류되어 있는데 이벤트 페이지에는 '모션 그래픽/VFX'로 분류되어 있었다. 이 두 개가 다른 카테고리의 강의인지 왔다갔다 하면서 비교해보는 불필요한 수고가 더 들었다.컨셉모델 간의 불일치로 멘탈 모델까지 혼란을 겪은 것이다. 4. 개별 강의의 제목을 알 수 없다. 이 상품들은 기본적으로 '세트상품'이다.두 강사의 개별 강의를 한 번에 싸게 구입할 수 있는 상품인 것이다. 처음엔 별 무리없이 세트상품인 것처럼 생각했지만 클릭을 해봐도 개별 강의라는 힌트가 없었다! 그래서 두 사람이 협동으로 만든 새로운 강의인가? 저분들의 개별강의 2개를 샀을때와 다른 구성의 강의들로 이루어져 있는건가? 등으로 고민하다가 QnA로 질문하기도 했다. 유저가 바로 지갑을 열려는 타이밍에 브레이크가 걸린 것이다. 좀 더 명징하게 1+1 구성이라는 것을 밝혀야 한다. 5. 설레지 않는다. 이 모든 점이 합쳐져서 즉, 설레지않는다. 타 온라인 클래스 사이트인 클래스 101를 보면 콜로소처럼 모든걸 볼드한 글씨로 강조한 것도 아닌데 좀 더 쉽게 정보를 파악할 수 있고, 이 강의가 얼마나 할인이 되는지, 할인 마감시간은 언제까지인지, 얼마나 많은 학생들의 관심을 받고 있는지를 알 수 있다. 좋은 UX의 예 핀터레스트 아티스트, 디자이너들이 가장 많이 사용하는 레퍼런스 수집 사이트이다. 애용하는 사이트이기도 하고 최근 그루핑을 수정하는 것이 매우 쉬워졌다는 것을 체감하고 있어서 좋은 UX 사례로 꼽았다. (하지만 필자는 나쁜 UX는 어느정도 강하게 캐치할 수 있는데 좋은 UX라고 강하게 느껴지는 경우는 별로 없었다.) (https://www.pinterest.co.kr/) 1. 내 취향의 이미지들을 손쉽게 받을 수 있다. 핀터레스트에서 제공하는 이미지들은 내가 원하는 주제와 관련성이 매우 높아 시간가는줄 모르고 빠져들때가 많다. 원하는 주제에 대해 느슨하게 방대한 레퍼런스를 얻고 싶으면 핀터레스트만한게 없다. 2. 남의 보드를 쉽게 팔로잉하거나 가져올 수 있다. 새로 원하는 주제에 대해서 아주 방대하게 자료를 체계적으로 쌓아온 다른 사용자를 발견할 때가 있다. 그런 귀한 보드를 클릭 한 번으로 내 보드에 추가할 수 있다. 또한 그 사용자의 다른 보드들도 열람하면서 목적이랑은 다르지만 좋은 보드들도 추가할 수도 있다. 3. 구글 플러그인으로 타 사이트에서 원하는 이미지를 쉽게 다운로드 받을 수 있다. 핀터레스트 플러그인2)을 알고나서 내 레퍼런스 수집 방식은 완전히 달라졌다.. 너무 간편하고 쉽다! 원래 마우스 오른쪽 버튼을 막아놓은 페이지들은 캡쳐를 하는 식으로 따로 저장을 하기도 했는데 번거로운 작업과정이 줄어들었다.
header 부분이 fixed로 인해 띄어 있는 것을 감안하여 main-container에 margin 값을 60px로 주셨는데 main 에 60px을 줘도 상관 없는건가요? 테스트 결과 다른게 없어서 굳이 main-container에 주신 이유가 있을지요 ~? - 모던 웹페이지 만들기5 15:44초 구간입니다.
안녕하세요 강사님~ 값타입을 사용하는 예제를 연습해보다 궁금한게 생겨서 질문드립니다. 예를들어 public enum Role { GUEST } 이렇게 값 타입을 활용해서 db에 다 저장되어있다가 GUEST -> NORMAL으로 인스턴스명을 변경하려고하면 db에 GUEST로 남아있는 db들은 다 벌크해줘야 하는 건가요??
7분 48초 정도에 app.use('/', express.static(__dirname, 'public')) 이 줄을 쳤을대, 강의 영상 아래에 [nodemon] app crashed - waiting for file changes before starting... 라 에러가 떠있던데... 제 로컬에서도 강의영상처럼 에러가 떠서.. 혹시 어떻게 해결해야하려나요..?
float(*pa)[4]; -> 4개의 float를 가진 배열에 대한 포인터 '1개' float* ap[2]; -> float '포인터를 2개' 가진 배열 printf("%u %u\n", (unsigned)pa, (unsigned)(pa + 1)); -> pa는 단순히 포인터이므로 주소 자체를 대입-> arr2d[0] , arr2d[1]의 주소 출력 printf("%u %u\n", (unsigned)ap, (unsigned)(ap + 1)); -> ap는 포인터의 배열, 배열의 이름은 배열의 시작 주소를 의미 -> ap[0], ap[1]의 주소(포인터 변수의 주소) 출력 제가 이해한 게 맞나요?
int c = 'A'; printf("%c", c); printf("%d",c); 위 printf 문 실행 결과로 'A'와 65가 정상적으로 출력됩니다. 그러나, scanf("%c",&c); 로 입력을 받으면 제 생각에는 A를 입력하면 %c 가 A를 받고, 이는 내부적을 65의 형태로 저장이 되어 변수 c에 65를 저장하고, 작은 char 자료형을 큰 int 자료형에 담았으니 문제가 없을거라 생각했습니다. 혹은 scanf("%d",&c); 로 입력을 받았을 때, 'A'가 %d를 만나 65로 바뀌어서 c 에 저장될 것이라고 생각했고, 위 두가지 경우 모두 printf 문의 형식지정자에 따라 65 혹은 'A' 로 다시 출력할 것으로 예상하였는데 전혀 다른 값이 출력되고 있습니다. 잘못된 이해가 있다면 바로잡아주시면 학습에 도움이 될 것 같습니다. 감사합니다!
안녕하세요 홍정모 교수님!! 질문이 있어서 여쭤봅니다. #define SIZE 5 int main() { int my_arr[SIZE]; int sum = 0; printf("Enter 5 numbers : "); for (int i = 0; i < SIZE; ++i) { scanf("%d", &my_arr[i] ); sum += my_arr[i]; } printf("Sum = %d", sum); return 0; } 제가 구현한 코드입니다. 불드친 부분을 제가 my_arr 로 했을때는 sum의 값이 이상하게 출력이 되는데, 그 이유를 알고 싶습니다!! 강의에서는 &my_arr[i]와 my_arr를 같이 써도 무방하다고 하셨다고 제가 이해를 했습니다만, 어디가 어떻게 잘못되었는지 궁금합니다. 항상 좋은 강의 감사드립니다.
<! DOCTYPE html > < html lang = "en" > < head > < meta charset = "UTF-8" > < meta name = "viewport" content = "width=device-width, initial-scale=1.0" > < title > Document </ title > < style > .nav { border : 1px solid black ; width : 700px ; height : 100px ; margin : auto ; text-align : center ; line-height : 100px ; } .nav a { /* border: 1px solid black; */ color : black ; text-decoration : none ; margin-right : 15px ; font-size : 1.5rem ; position : relative ; } .nav a::before { content : '' ; width : 100% ; height : 3px ; background-color : royalblue ; display : inline-block ; position : absolute ; bottom : -3px ; left : 50% ; transform : translateX ( -50% ); } </ style > </ head > < body > < div class = "nav" > < a href = "#" > HOME </ a > < a href = "#" > ABOUT </ a > < a href = "#" > SERVICE </ a > < a href = "#" > PORTFOLIO </ a > < a href = "#" > CONTACT </ a > </ div > </ body > </ html > a에 position:relative를 주고 a::before에 position:abosolute를 주면 a::before의 width:100% 값이 a의 콘첸츠 값만큼 가지는데 position을 주지않으면 nav의 width값 만큼 가집니다 왜 이렇게 작동하는지 잘 모르겠습니다 ㅠㅠㅠ 만약 a::before가상요소를 주게 되면 a::before는 a의 자식요소가 되는건가요 그리구 다른 질문인데요 .gnb li에 float:left를 주면 부모인 .gnb는 높이값을 왜 잃지 않고 가지고 있는건가요 ? ㅠ.ㅠ
