철저히 기억(+물을 엎질러버린 노트...)에 의존한 주관적인 후기입니다:)

LOFS(lake of feelings) Project 프로젝트 진행에 대해 기록한 글입니다.

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

리액트로 card maker를 만드는 프로젝트를 하고 있는데, 카드 양식으로 쓸 표를 만들어야 했다. 두 가지 방법으로 시도해 보았다.

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

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

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

드림코딩 by 엘리님 유튜브 강의를 보고, 다시 찾아보지 않기 위해 정리했다.

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 이 있으므로 굳이 위험부담

세션(session) 세션 : 서버 측에서 클라이언트를 구분하기 위해 제공하며, backend(서버의 메모리)와 쿠키(클라이언트)에 모두 저장됨. 브라우저가 backend를 방문할 때 만들어짐. 쿠키 : 클라이언트 측에서 세션ID를 저장하고 전달하는 수단 클라이언트가

MongoDB는 NoSQL이며, 데이터가 JSON 형태로 db에 저장됨.

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

코딩 tip 에러 먼저 출력 예외 경우, 에러 등을 먼저 처리 할 경우, 아래 코드는 에러를 신경 쓸 필요가 없어진다. import 하기 전에 export 먼저 해라. GET/ POST method 차이 GET : database 로부터 정보를 받아낼 때 사용 POS

계속 추가할 예정입니다:)

node.js 설치 node.js node.js 를 이용하면 단 두 개의 파일만으로 서버 생성이 가능하다(package.json, 파일명.js) node.js 를 설치하면 npm 이 자동으로 설치된다. package.json package.json 파일의 "scrip

pug란? view template engine. 컨트롤러에서 res.send("<h1>Hi Hello</h1><p>Nice to see you:)</p>") 로 보내는 대신에, res.render("pug 파일명"); 로 html 코드를 훨씬 간편하게 보낼 수 있게