profile
좋은 개발자, 좋은 사람
post-thumbnail

웹툰 취향테스트 만들기(2)

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

2021년 10월 5일
·
0개의 댓글
post-thumbnail

포포를 찾아라 미니 게임 만들기(3)

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

2021년 9월 27일
·
0개의 댓글
post-thumbnail

[ 프로그래머스 코테 연습] - 2주차_상호평가

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

2021년 9월 24일
·
0개의 댓글
post-thumbnail

웹툰 취향 테스트 만들기(1)

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

2021년 8월 18일
·
0개의 댓글
post-thumbnail

포포를 찾아라 미니 게임 만들기(2)

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

2021년 8월 8일
·
0개의 댓글
post-thumbnail

포포를 찾아라 미니 게임 만들기(1)

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

2021년 8월 6일
·
0개의 댓글
post-thumbnail

filter 함수로 minishop 구현하기 (2)

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

2021년 8월 2일
·
0개의 댓글
post-thumbnail

filter 함수로 minishop 구현하기 (1)

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

2021년 8월 1일
·
0개의 댓글
post-thumbnail

[ TIL 12 ] - JS 기초 문법 정리

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

2021년 7월 30일
·
0개의 댓글
post-thumbnail

[ TIL 09 ] - 비동기 처리 (callback/ promise/ async/ await)

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

2021년 7월 26일
·
0개의 댓글
post-thumbnail

[ TIL 04 ] javascript 기본 메서드

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

2021년 7월 9일
·
0개의 댓글