다음 글은 웹툰 취향 테스트 결과창에 카카오톡으로 공유 버튼을 넣기 위한 과정을 기록한 포스트입니다.

모바일에서도 잘 동작하도록 CSS를 수정했다. 확실히 반응형으로 만드는 것이 살아있는 프로젝트처럼 보여서 좋지만, PC로 버벅임 없이 구현되던 것이 모바일에서는 잘 버벅인다.

메소드를 사용하기 전에 반복문으로 구현할 수 있어야 `문제 해결 능력`을 키울 수 있다는 조언을 받아들여, sort 함수도 쓰지 않으려 한다.

netlify 배포가 처음이라 많이 헤맸다. Live server 로 확인할 땐 결과 화면이 너무 빠르게 나와서, 기다리는 재미를 위해 "분석중" 애니매이션을 넣어야겠다고 생각했는데, netlify 배포 후 폰에서 확인했을 때는 동작이 너무 느렸다. 개선할 부분이 많을

1. 코드 수정 1. 동적으로 생성되는 아이콘 HTML 파일에서 생성하던 고래 아이콘을, JS 파일에서 생성하도록 바꿨다. HTML 코드가 깔끔해졌고, 아이콘이 동적으로 생성될 수 있게 됨. 2. splash screen splash screen 을 생성했다. '니모

엘리님 당근게임 강의를 듣고, 다른 게임 만들기를 시도했다. 이모티콘 파일 30개로 월리를 찾아라! 같은 게임을 만들고 싶다는 생각을 했고, 실행에 옮겼다.

1. 코드 수정 1. 이벤트 위임을 사용하여 수정 2. 중복을 없애기 위해 변수 생성, 버튼이 아닌 빈 곳을 눌렀을 때 취해야 할 조건 추가, onClick 함수 따로 생성 2. 학습 내용 (1) 이벤트 위임 부모 컨테이너는 자식 요소에서 이벤트가 발생하면 모두

0. 동기 유튜브 드림코딩 by 엘리 채널에 minishop 프로젝트에 PWA 를 사용하는 예시가 올라왔다. minishop 프로젝트는 js 입문용으로 예전부터 소개되고 있었는데, 단순 웹 구현에서 더 나아가 PWA 적용도 배울 수 있는 기회였다. 엘리님 JS 기초를

https://youtu.be/_DLhUBWsRtw 드림코딩 by 엘리 유튜브 참고 1. 자료형 (1) var 를 쓰면 안되는 이유 var 는 hoisting 이 적용되므로, 선언도 전에 호출되거나 값이 할당돼도 에러가 나지 않는다. let 이 있으므로 굳이 위험부담

드림코딩 by 엘리님 강의를 참고한 내용입니다. https://youtu.be/JB_yU6Oe2eE 동기 / 비동기 js는 hoisting 이후 순서에 따라 동기적으로 실행되는 언어이다. (hoisting: var 변수, 함수 선언 등이 자동으로 가장 위로 올라가는

자주 쓰는 js 메서드를 정리한 내용입니다.