정말 좋은 질문이네요~ 상황에 따라 다르겠지만.. 저도 픽셀만 쓰던때가 있었는데 요즘은 px은 아이콘이나 사진이 크기가 변하면 안되는 경우 간혹 사용하고요. %는 패딩,마진, 갭을 설정할때 주로 씁니다. vw vh은 화면 전체를 커버하는 한 섹션을 만들때 쓰고 rem는 폰트사이즈 그리고 em은 폰트에 라인 하이트 또 버튼 패딩에 쓰기도 합니다. 오래전에 웹사이트를 처음 픽셀로 다 만들었다면, 계속해서 픽셀로 업데이트 하는게 편한 경우도 있겠네요.
아 맞아요, 그부분이 햇갈리는데.. 별표가 그려진 데스크탑이 기준 base breakpoint로 변환한 스타일이 다른 모든 브레이크 포인트에 다 적용이 됩니다. 만약에, 태블릿 브레이크 포인트에서 스타일을 변환한다면 데스크탑에이나 더 큰 스크린 사이즈에는 적용이 되지 않지만, 더 작은 모바일 브레이크 포인트에는 적용이되요. 반대로 데스크탑이 아니고 더 큰 1440px 브레이크 포인트에서 스타일을 변환 시키면 더 큰 스크린 사이즈인 1920px에 스타일이 적용이 되지만 더 작은 1280px 에는 적용이 되지 않습니다. 영상 참고하세요~ ruclips.net/video/OBtYWEG1yK4/видео.html
@@naranja8379 네 일일이 해줘야 해요ㅠ 별표(데스크탑 블레이크 포인트) 사이즈로 동일하게 적용하고 싶으시다면 한번만 하면 되지만 다른 브레이크 포인트에 적용할때는 각각 해줘야 하고 별표를 중심으로 자동 적용되는 방법이 반대가 됩니다. 밑에 링크 보시면 별표에 적용한 사이즈는 모든 스크린 사이즈에 다 적용이 되지만 나중에 1440px 에서 다른 스타일 값을 적용시킨다면 별표 사이즈는 그대로 유지가 되고 1920px 에서만 새로운 사이즈가 적용이 됩니다. 쉽게 설명하고자 파랑색 화살표와 빨강색 화살표로 구분을 해봤습니다. 빨강색 방향으로는 새로 적용한 사이즈 값이 적용이 안되지만 반대로 파랑색 방향으로는 자동으로 새로운 지정한 사이즈가 적용이 되게 됩니다. 도움이 되셨길 바랍니다. xd.adobe.com/view/e6e4ac5d-c55d-4112-895d-27bbb48f944a-b3b7/?fullscreen&hints=off
@@ApolloGraphic답변 감사드려요. 만약에 지금 설정해놓은 1440px 사이즈만 해놓으면 퍼블리시 했을때 나머지 해상도에는 아예 적용이안되는걸까요? 그리고 한가지 질문이 더 있는데 텍스트 pressed된 상태에서 클릭된 개체만 계속 볼드처리 할 수 있는 방법 없을까요 ㅜ 마우스로 누를때만 볼드로 나와서 답답하네요. 아코디언 형식으로 목록 만드는데 제목 누르면 눌린 리스트 제목만 볼드처리하려고하거든요
@@naranja8379 어떤걸 1440px에 설정해놓으신건지 설명해주실 수 있을까요? 클래스 이름 옆에 드롭다운 화살표를 클릭하면 css 가상클래스? 같이 활용할 수 있는 hover, pressed, focused, visited 가 있는데 foucsed 를 클릭하시고 한번 스타일을 지정해보세요. 그러면 클릭한 텍스트만 정해진 스타일로 나타나게 할 수 있을거예요.
강의 너무 감사합니다~!
안녕하세요 코디에 ㅋ 자도 모르는 코린이 인데요 ~ 질문이 있습니다 ! 그럼 웹앱을 만들때 일일이 픽셀을 수동으로 어림잡아 고치는 거랑, %나VW,VH를 쓰는거는 후자가 장점이 명확할것 같은데 꼭 픽셀로 화면에 맞게 수동으로 작업하는 이유가 있나요?
정말 좋은 질문이네요~ 상황에 따라 다르겠지만.. 저도 픽셀만 쓰던때가 있었는데 요즘은 px은 아이콘이나 사진이 크기가 변하면 안되는 경우 간혹 사용하고요. %는 패딩,마진, 갭을 설정할때 주로 씁니다. vw vh은 화면 전체를 커버하는 한 섹션을 만들때 쓰고 rem는 폰트사이즈 그리고 em은 폰트에 라인 하이트 또 버튼 패딩에 쓰기도 합니다. 오래전에 웹사이트를 처음 픽셀로 다 만들었다면, 계속해서 픽셀로 업데이트 하는게 편한 경우도 있겠네요.
강의 감사합니다. 웹플로우로 간단한 웹사이트를 만들고, 베이직플랜으로 사용하고 있는데, 네이버서치어드바이저에 등록하려고 했더니, robot.txt와 RSS, sitemap을 제출하라고 하네요. 이거를 하려면 CMS플랜으로 바꿔서 코드를 뽑아야하나요?
네 플랜 업그레이드 해야 편리하게 적용시킬 수 있는것 같아요. 나머지는 따로 text editor로 직접 입력하실 수 있을것 같은데 RSS는 업그레이드해야 할듯요. university.webflow.com/lesson/rss-feed
상단에 breakpoint 설정하는거 질문드려요.
1440px 새로 추가해서 거기에 작업했더니 그 외 나머지에 적용이안되는데 제가 잘못한건지 ㅜ 보통은 새로 추가안하고 디폴트(Desktop)로 사용하나요?
아 맞아요, 그부분이 햇갈리는데.. 별표가 그려진 데스크탑이 기준 base breakpoint로 변환한 스타일이 다른 모든 브레이크 포인트에 다 적용이 됩니다. 만약에, 태블릿 브레이크 포인트에서 스타일을 변환한다면 데스크탑에이나 더 큰 스크린 사이즈에는 적용이 되지 않지만, 더 작은 모바일 브레이크 포인트에는 적용이되요. 반대로 데스크탑이 아니고 더 큰 1440px 브레이크 포인트에서 스타일을 변환 시키면 더 큰 스크린 사이즈인 1920px에 스타일이 적용이 되지만 더 작은 1280px 에는 적용이 되지 않습니다.
영상 참고하세요~
ruclips.net/video/OBtYWEG1yK4/видео.html
@@ApolloGraphic 근데 제가 지금 작업하는데 1440px에 1280px 이거든요 별표그려진건 사이즈가 다른거같은데 어떻게해야할까요? 더 작은 화변 사이즈들 일일이 작업해줘야할까요?
@@naranja8379 네 일일이 해줘야 해요ㅠ 별표(데스크탑 블레이크 포인트) 사이즈로 동일하게 적용하고 싶으시다면 한번만 하면 되지만 다른 브레이크 포인트에 적용할때는 각각 해줘야 하고 별표를 중심으로 자동 적용되는 방법이 반대가 됩니다.
밑에 링크 보시면 별표에 적용한 사이즈는 모든 스크린 사이즈에 다 적용이 되지만 나중에 1440px 에서 다른 스타일 값을 적용시킨다면 별표 사이즈는 그대로 유지가 되고 1920px 에서만 새로운 사이즈가 적용이 됩니다. 쉽게 설명하고자 파랑색 화살표와 빨강색 화살표로 구분을 해봤습니다. 빨강색 방향으로는 새로 적용한 사이즈 값이 적용이 안되지만 반대로 파랑색 방향으로는 자동으로 새로운 지정한 사이즈가 적용이 되게 됩니다. 도움이 되셨길 바랍니다.
xd.adobe.com/view/e6e4ac5d-c55d-4112-895d-27bbb48f944a-b3b7/?fullscreen&hints=off
@@ApolloGraphic답변 감사드려요. 만약에 지금 설정해놓은 1440px 사이즈만 해놓으면 퍼블리시 했을때 나머지 해상도에는 아예 적용이안되는걸까요?
그리고 한가지 질문이 더 있는데 텍스트 pressed된 상태에서 클릭된 개체만 계속 볼드처리 할 수 있는 방법 없을까요 ㅜ 마우스로 누를때만 볼드로 나와서 답답하네요. 아코디언 형식으로 목록 만드는데 제목 누르면 눌린 리스트 제목만 볼드처리하려고하거든요
@@naranja8379 어떤걸 1440px에 설정해놓으신건지 설명해주실 수 있을까요? 클래스 이름 옆에 드롭다운 화살표를 클릭하면 css 가상클래스? 같이 활용할 수 있는 hover, pressed, focused, visited 가 있는데 foucsed 를 클릭하시고 한번 스타일을 지정해보세요. 그러면 클릭한 텍스트만 정해진 스타일로 나타나게 할 수 있을거예요.