전체 글91 sketchmon : 두근 두근 하트 만들기 스케치몬으로 두근두근 하트를 만들어 보자.https://www.sketchmon.com 1. 캔버스에 하트 이미지를 하나 올리고하트이미지 : 2. 플로우에 아래와 같이 작성한다 * 플로우 설명 : 페이지가 로드되면 - 하트이미지를 - 0.2배 확대하고 (0.2초동안) - 원래사이즈(1배)로 되돌린다. (0.5초동안) - 동작이 끝나면 처음으로 다시 돌아간다. (무한 반복) 3. 결과 확인"> 끝. https://www.sketchmon.com sketchmon무료 디지털 웹 콘텐츠 제작 프로그램 skethcmon(스케치몬), 교육 콘텐츠 저작 프로그램, flow coding(플로우 코딩), pdf 파일 편집, 무료 이미지 배경 제거, 이미지 자르기, 무료 디자인 이미지 제공sketchmon.com 2025. 3. 15. 구글 위스크(Whisk) 로 맥도날드 감자튀김 이미지를 아케인 스타일로 구글 위스크(Whisk) 로 맥도날드 감자튀김이미지를 아케인 스타일로 만들어보자 1. 감자튀김 이미지 원본 2. 아케인 이미지 3. 이 두 이미지만 조합 (감튀: 피사체, 아케인: 스타일)하고 바로 우측아래 생성버튼(화살표모양) 클릭 4. 결과 굿. https://www.sketchmon.com sketchmon무료 디지털 웹 콘텐츠 제작 프로그램 skethcmon(스케치몬), 교육 콘텐츠 저작 프로그램, flow coding(플로우 코딩), pdf 파일 편집, 무료 이미지 배경 제거, 이미지 자르기, 무료 디자인 이미지 제공sketchmon.com 2025. 3. 14. sketchmon : 스프라이트 애니메이션 만들기 sketchmon 으로 스프라이트 애니메이션을 만들어보자.스프라이트 애니메이션은 여러컷으로 구성된 한개의 이미지파일을 자연스럽게 애니메이션으로 플레이 해준다. 아래는 애니메이션을 만들 이미지 원본아래 이미지는 한개 이지만 8개의 프레임으로 구성되어 있으므로, 8개로 잘라서 순서대로 교체해서 보여주면 애니메이션이 완성된다. 준비되었으면 스케치몬으로 애니메이션을 만들어보자 먼저 스케치몬 캔버스를 준비하고 ( https://canvas.sketchmon.com ) 1. 화면에 사각 박스를 적당한 사이즈로 드래그 하여 그리고, 배경을 없애 투명하게 만든다. 2. 만들어진 사각박스를 선택한 뒤 우측 [배경이미지 채우기] 를 클릭하여 이미지를 선택하면 아래와 같이 사각박스에 이미지가 들어간다. 이미지가 들어가면 .. 2025. 3. 14. sketchmon flow 샘플 오렌지 클릭하면 잠깐 커지기...https://www.sketchmon.com 이미지파일 : 플로우 : 결과 : 아래 오렌지 이미지를 클릭해보자"> https://www.sketchmon.com sketchmon무료 디지털 웹 콘텐츠 제작 프로그램 skethcmon(스케치몬), 교육 콘텐츠 저작 프로그램, flow coding(플로우 코딩), pdf 파일 편집, 무료 이미지 배경 제거, 이미지 자르기, 무료 디자인 이미지 제공sketchmon.com 2025. 3. 14. 스케치몬 타임라인으로 통통튀는 공 만들기 스케치몬 타임라인으로 통통튀는 공 만들기 예제입니다.타임라인을 이용하면 간단한 애니메이션을 만들 수 있습니다.https://www.sketchmon.com https://youtube.com/shorts/_UXdf5l3u5Qsketchmon 끝. 2025. 3. 2. 스케치몬(sketchmon) 으로 이미지 배경 지우기 스케치몬 이미지 배경 지우기 기능을 이용해 보자 https://canvas.sketchmon.com 1. 캔버스에 배경을 제거할 이미지를 올린다. 2. 상단 메뉴 중 [ * 배경 제거 ] 버튼을 선택하고, 배경을 제거할 이미지 위에 마우스를 올린다. (정상 이미지인경우 click 표시가 깜빡깜빡 한다. : 이미 한 번 배경을 제거한 이미지에는 안뜬다.) 3. 이미지에 click 표시가 깜빡깜빡 하면 클릭 한다. 클릭하면 아래와 같이 배경제거가 진행되며, 잠시 기다리자. 4. 배경제거가 완료되면 아래와 같은 결과가 나타난다.배경이 제거되면 배경이 투명한 png 이미지로 만들어진다. 5. 제거가 잘 되었는지 배경색을 다른색으로 바꿔보자 다른 이미지도 잘 되는지 해보자 굿!끝. https://www.sk.. 2025. 3. 1. 날짜별 가입자 수 조회 쿼리 날짜별 가입자 수 조회 쿼리SELECT DATE_FORMAT(regDate, '%Y-%m-%d') as dates, COUNT(no) FROM member GROUP BY DATE_FORMAT(regDate, '%Y-%m-%d') order by dates;끝. 2025. 2. 27. 정읍 쌍화차 거리 티비 보다가 눈에 들어온 "정읍 쌍화차 거리" 궁금해서 바로 가보기로 함. (대전서 1시간 반~) 쌍화차에 관하여~ 쌍대차(쌍화차 + 대추차) + 꿀 대추차, 요거트 그리고 서비스로 나온 누룽지, 구운떡 + 조청 가게 안 여기저기 전시되어 있는 공예품들 끝. 2025. 2. 26. cra 로 생성한 프로젝트에 빌드시 콘솔로그 코드 모두 제거하기 (eject 사용안함) * cra 로 생성한 프로젝트에 babel 재정의 하여 빌드시 콘솔로그 코드 모두 제거 (eject 사용안함) 1. 관련 컴포넌트 설치npm i -D customize-cra react-app-rewired babel-plugin-transform-remove-console 2. package.json 파일 내 react-scripts 를 react-app-rewired 로 변경 "scripts": { "start": "react-app-rewired start", "build": "react-app-rewired build", "test": "react-app-rewired test", "eject": "react-scripts eject"} 3. 프로젝트 루트에 config-overrides.js .. 2025. 2. 26. nginx CORS 처리 nginx 에 특정 도메인에 대해 CORS 를 오픈해줄때 (mydomain.com) . . location ^~ /emoticons { # CORS 헤더 추가 add_header 'Access-Control-Allow-Origin' 'https://mydomain.com' always; add_header 'Access-Control-Allow-Methods' 'GET' always; add_header 'Access-Control-Allow-Headers' 'Authorization,Content-Type' always; # OPTIONS 요청에 대한 처리 .. 2025. 2. 26. mariadb : INSERT는 실패하였지만 auto_increment만 증가되는 현상 수정 해결방법innodb_autoinc_lock_mode를 0으로 설정 아래 파일을 열어vi /etc/mysql/mariadb.conf.d/50-server.cnf 아래 부분 수정## * InnoDB 항목에 아래 내용 추가#innodb_autoinc_lock_mode = 0.. 서버 재시작 service mariadb restart 끝. 2025. 2. 26. 니모닉(mnemonic) 코드 (BIP39) 1부터 2048까지의 숫자를 각각 단어로 정의 한글 니모닉 : https://github.com/bitcoin/bips/blob/master/bip-0039/korean.txt영어 니모닉 : https://github.com/bitcoin/bips/blob/master/bip-0039/english.txt 2025. 2. 26. 이전 1 2 3 4 5 ··· 8 다음
