코딩 프론트엔드

스크레치 똥피하기 게임 만들기

스크래치 주니어로 몇번 깨작깨작. 쉬웠기에 스크래치 이용한 코딩도 금방 적응함. 집에 책도 있으므로 언제든 학습 가능 스크래치로 간단하게 조코딩님 유튜브 보면서 똥피하기 게임을 만들었다. 만든 파일을 다운로드 받고 다시 스크래치 주니어에서 플레이하는 방법은 모름 응? 다 만들고 나서 7살짜리 아이가 즐겁게 웃으면서 게임에 집중하는 것이 더욱 놀라웠다. 이렇게 간단히 만든 게임을 3분정도 집중해서 하는 모습. 잘만 커리큘럼과 스토리를 만들면 아이들이 즐겁게 게임 만들고 즐길 수 있는 환경 될 것 같다. 확장자 sb3 는 어떻게 실행해야 하는지 검색해 봐야겠다. 스크래치 사이트 주소 https://scratch.mit.edu/ Scratch - Imagine, Program, Share Scratch is ..

2022. 3. 8. 21:24

구글 애드센스

카카오 API 적용하기 연습, 오류가 뜬다 이유를 모르겠다.저장

카카오 API 적용하기 연습, 오류가 뜬다 이유를 모르겠다.저장 책 정보 끓어오기 api 를 공부중인데. 이게 왜 오류가 뜰까요? 아무런 표시없이 정보를 긁어와서 콘솔에서 확인을 할수 있다/? 뭐 그런 강의를 듣고 있는데. 참고로 api 번호? 이거 잘 넣었음. 다른 완성코드에 넣으니 잘 작동됨. 뭐가 잘못된거지. 왜 오류가 뜨는거지 =ㅁ=; vs code - html 소스코드 자동정렬 단축키 이용방법 vs code - html 소스코드 자동정렬 단축키 이용방법 단 두번의 단축키로 소스코드를 자동 정렬해주는 기능. 아무리 길게 섰어도 단 두번만에 소스코드 들여쓰기 정렬이 가능하다. 위의 이미지 study-memo1.tistory.com vs code 코드 자동완성기능 이멧 emmet으로 편리하게 몇분만에..

2022. 3. 8. 11:43

코딩 프론트엔드

vs code 코드 자동완성기능 이멧 emmet으로 편리하게 몇분만에 Jquery 제이쿼리 ajax 에이젝스 아작스 적용하기

vs code 코드 자동완성기능 이멧 emmet 으로 편리하게 몇분만에 Jquery 제이쿼리 ajax 에이젝스 아작스 적용하기 동영상으로 보면 알겠지만 무척 간단하게 빠르게 적용할 수 있다. 제이쿼리 CDN 적용의 경우 미리 코드를 메모해두고 파일 작성시 바로 붙여넣기 하면 더욱 편하고 빠르게 작성 가능. 에이젝스도 마찬가지로 기본 코드를 미리 찾아서 넣어두면 편하다. 동영상 - 이멧기능 활용하여 코드 완성하기 (제이쿼리/에이젝스 기본 적용) 동영상을 보면 알겠지만 맥 컴퓨터 적응하며 오타내는 걸 수정하고 다시 작성하는 시간이 더 걸린다. 그만큼 이멧기능은 시간을 단축 시키고 빠르게 실전 코드에만 집중할 수 있도록 해줌. 예전만큼 손코딩을 일일이 하고 다른 코드에서 기본코드를 가져와야하는 수고로움과 시간..

2022. 3. 8. 11:00

코딩 프론트엔드

vs code - html 소스코드 자동정렬 단축키 이용방법

vs code - html 소스코드 자동정렬 단축키 이용방법 단 두번의 단축키로 소스코드를 자동 정렬해주는 기능. 아무리 길게 섰어도 단 두번만에 소스코드 들여쓰기 정렬이 가능하다. 위의 이미지는 이미 정렬이 다된 상태. vs code에서 인식하는 정렬이 잘된 상태라는 것. 이렇게 정렬을 자동으로 해주는 단축키가 있다. 단 두번 누르면 된다. 하단에 영상 확인과 함께, 단축키 설명을 보자. 간단간단. vs code - html 소스코드 자동정렬 단축키 이용방법 - 동영상으로 쉽게 확인하세요. 1) 소스코드 전체선택 윈도우 사용자 : [컨트롤] + [A] 맥 사용자 : [⌃] + [A] 2) 소스코드 자동정렬 단축키 윈도우 사용자 : [컨트롤] + [K] +[F] 맥 사용자 : [⌃] + [K] + [F]..

2022. 3. 8. 10:48

구글 애드센스

쿠팡 파트너스 다이나믹배너 서식 지정 후, 글쓰기 해보기

글은 가운데 정렬인데 아이프레임 소스는 왼쪽 정렬이라서. 이걸 어떻게 정리하지? 싶음. 가운데 정렬은 나중에 넣자. 오늘은 배너 성공한 것을 만족! 배너가 가운데 오기 때문에 기본 이미지를 삽입해 줘야한다. 기본 이미지는 픽사베이에서 끌어올 수 있도록 코드를 짤 수 있을까? 이미지를 넣은 후 글 입력하기 불편함. 서식은 잘 만들어 둬야 겠군. 배너가 자동으로 입력되니 편하군 그렇군 이글은 비밀글이군. 다른 블로그 벤치마킹을 해서 배너를 잘 넣는 방법을 찾자. 배너가 예쁘가 담겼다. 사실 아래 배너는 애플제품만 나오도록 설정. 쿠팡이 왜 애플을 좋아할까? 아마도 단독판매를 했을때 수입성이 좋아서 그런게 아닐까? 가격대비 쿠팡이 가져가는 수익이 높은 상품이 애플제품인듯 하다. 정확한 수치나 %가 궁금한데 그..

2022. 3. 8. 10:07

구글 애드센스

쿠팡 파트너스 아이프레임 이용한 서식 지정하기

이 글은 쿠팡파트너스 다이나믹배너 입력하는 방법입니다. 간단한 텍스트로만 요약해둔 요약본 입니다. 쿠팡파트너스배너 티스토리 블로그에 삽입하기 쿠팡 파트너스 가입 다이나믹 배너 생성 아이프레임 소스 복사 티스토리 서식작성 서식에서 html 로 글쓰기 아이프레임 복사소스 붙여넣기 서식 저장 글쓰기 할때 서식 불러오기 미리보기로 배너 제대로 표시되는지 확인. 글쓰기 완료버튼 끝. 그럼 아래처럼 쿠팡파트너스 배너가 나옵니다. 배너를 삽입하면 반드시 하단에 아래 문구를 추가해야 합니다.

2022. 3. 8. 08:57