게시판 - 6 개 / 게시물 - 13 개 1 / 2 페이지 열람 중
생성 프롬프트 :In the center of this image, a young woman stands on stage, her arms raised in a gesture of praise or worship. She is wearing a white blouse adorned with a floral pattern at the bottom and is standing against the backdrop of a lit-up stage with a black background. The lighting casts a soft …
<!DOCTYPE html><html><head><meta name="viewport" content="width=device-width, initial-scale=1"><style>.parallax { /* The image used */ background-image: url("img_parallax.jpg"); /* Set a specific height */ min-height: 500px; /* Create the …
최근 ComfyUI 실행시 CUDA 호환문제로 Xformers 설치하라는 메시지를 보게되었다.torch 2.6.0+CUDA124 버전으로 확인되었다.가장 최신 버전임에도 불구하고 인식할 수 없다는 것이다.관련해서 xformers 자체의 호환성 문제로 볼 수 있다.Xformers 업데이트 # [linux only] cuda 11.8 version pip3 install -U xformers --index-url https://download.pytorch.org/whl/cu118 # [linux & win] cuda 12…
Flexbox만 잘 이해하셔도 이제 본격적으로 웹사이트의 구조를 만들 수 있어요 ※ 현업팁을 배우면서 조금더 체계적으로 공부해 보고 싶다면 드림코딩 아카데미를 확인해 보세요 ※ 드림코딩 아카데미: http://academy.dream-coding.com/ ※ AI기반 코드 자동 완성 툴 Kite ? VS Code에서 빠르고 똑똑하게 코딩할 수 있게 도와주는 AI를 기반으로한 무료 코드 자동 완성툴 한번 사용해 보세요: https://tinyurl.com/ycedv3sj 영상 끝까지 다 보시구 나오는 숙제도 다 한번씩 해보세…
레이아웃 7 - 유동 너비 박스유동 너비 박스는 flex container인 부모 요소 크기에 따라 flex item인 자식 요소의 크기가 콘텐츠의 크기보다 줄어드는 레이아웃이다. 부모 요소의 크기가 크다면 자식 요소의 크기는 콘텐츠 너비를 모두 수용할 수 있을 만큼 크다. 하지만 부모 요소의 크기가 줄어들어 콘텐츠의 크기보다 작아지면 자식 요소의 크기가 콘텐츠의 크기보다 줄어든다.다음은 유동 너비 박스에서 부모 요소의 크기와 자식 요소의 크기가 변하는 모습이다.유동 너비 박스를 구현하는 기본 CSS는 다음과 같다. 구현 예제는 C…
레이아웃 4 - 정렬이 다른 메뉴다음 그림에서 세 개의 자식 요소의 정렬이 각각 다르다. 첫 번째와 마지막 자식 요소는 부모 요소의 양쪽 끝에 붙어있고, 두 번째 자식 요소는 부모 요소의 중앙에 위치한다.정렬이 다른 메뉴를 구현하는 기본 CSS는 다음과 같다. 구현 예제는 CodePen 사이트의 "4. 정렬이 다른 메뉴"에서 확인할 수 있다..flex-container { display: flex; justify-content: space-between; } flex container에justify-cont…
레이아웃 2 - 내비게이션 영역내비게이션은 웹 페이지에서 자주 사용하는 레이아웃이다. 다음 그림과 같이 메뉴의 대부분을 내비게이션 영역의 왼쪽으로 정렬하고, 1~2개의 메뉴만 오른쪽으로 정렬한 내비게이션을 쉽게 볼 수 있다. 주로 GNB(global navigation bar)에 해당하는 요소나 로그인 버튼을 오른쪽으로 정렬한다.내비게이션 영역을 구현하는 기본 CSS는 다음과 같다. 구현 예제는 CodePen 사이트의 "2. 네비게이션"에서 확인할 수 있다..flex-container { display: fle…
마크업 개발자들은 종종 "이 레이아웃은 구현이 불가능합니다.", "CSS만으로는 안될 것 같습니다. 개발 처리가 필요합니다."라고 이야기합니다. 이 말은 사실입니다. 일반적으로 웹 페이지의 레이아웃은 CSS의display,float,position등과 같은 속성을 사용해 구현합니다. 하지만 이 속성을 사용하면 구현 방법이 복잡하고 레이아웃을 표현하는 데 많은 한계가 있습니다.구현이 어려운 레이아웃을 간단하게 구현할 수 있게 CSS3에 추가된 레이아웃 방식이 flexbox입니다. flexbox를 사…
SelectBox 지역(시도, 구군) 검색 입력하게하기 $('document').ready(function() { var area0 = ["시/도 선택","서울특별시","인천광역시","대전광역시","광주광역시","대구광역시","울산광역시","부산광역시","경기도","강원도","충청북도","충청남도","전라북도&…