wook's coding note

프론트엔드 새싹 프론트엔드 꿈나무

zone, 앵귤러의 변경감지 알아보자 !

zone 은 비동기 실행들을 하나의 맥락(실행 컨텍스트)으로 다룰 수 있도록 해준다. 비동기 api들을 런타임(코드가 실행이 될 때)에 코드의 동작을 동적으로 업데이트() 해서, zone 자신의 api로 바꿔버려(), 비동기 api들의 사용을 통지 받을 수 있고, 따라서 비동기 컨텍스트를 하나로 관리 할 수 있도록 도와준다. 변경감지 리액트를 사용할 때 …

실행 컨텍스트란 뭘까

실행컨텍스트를 제대로 알아야 클로저, 스코프 기반의 변수 관리, 호이스팅에대해 알 수 있다. 실행 컨텍스트 실행 컨텍스트는 객체이다. 코드 실행에 필요한 환경 정보가 들어 있는객체. 퉁 쳐서 보면 변수 사전이라고도 볼 수 있겠다. 이 실행 컨텍스트를 콜 스택에 쌓아올리고, 제일 위에 있는 실행 컨텍스트 관련 코드를 실행하는 것이 자바스크립트 코드의 순서이…

next 배포중 replaceAll is not a function 에러

문제 vercel로도 netlify로도 어떻게 배포를 해도 자꾸 에러가 발생했다. 에크마 스크립트 2022 명세를 보면 2021년, es12에 추가된 메소드로 을 소개하고 있다. 추가된지 얼마 되지 않은 메소드여서, 폴리필을 추가해주지 않아 문제가 생겼다. 해결 다른 메소드를 통해 해결한다. 정규표현식과 replace 메소드를 통해 replaceAll 기…

개발 공부 2021년 회고

시작 왜 개발을 하게 되었을까? 이 전에는 전기 공부를 시작했었다. 전공과 비슷한것 같아서, 또 안정적일것 같아서. 새로운걸 배우니, 모르는게 많다고 생각하고 공부하고 공부했지만 해도 해도 알고싶지 않고, 어느정도 공부했다고 생각했는데도 갈 길이 무척 멀었다. 이것은 계속 계속 궁금해지지가 않는데, 최종적으로 나는 어떤 분야의 전문가가 되고 싶었다. 누구…

위코드 풀스택2기 1차 프로젝트 회고

개발 기간 : 21/10/4 ~ 21/10/15 사용 기술 : React, Node.js, Prisma, Mysql 프론트 레포 백엔드 레포 총평 배울 게 많이 남아있을거 같은데…! 쥐도 새도 모르게 시작해버린 프로젝트🦖 거의 코드 친 시간은 일주일도 안 되는 것 같은데,, 사이트가 하나 만들어졌다 ,, 기획하는 시간을 줄이기 위해 클론 하는 방식을 채…

프리즈마 P1003 에러를 해결하기까지

문제 prisma로 모델을 만들고 마이그레이션을 하는데 문제가 발생했습니다. 번갈아서 나온 에러들입니다. 마이그레이션 엔진에 오류가 났다, 로컬호스트의 3306포트에서 mysql을 찾을수 없다, 데이터베이스 we_starbucks가 로컬호스트 3306포트에 없다. 해결 mariadbd가 살아있습니다 1421번 피드를 죽입니다. 제대로 죽었…

자바스크립트와 비동기!

자바스크립트는 싱글스레드. 한번에 한가지 일 밖에 못한다..!그런데 어떻게 비동기로 일을 처리하는것일까요? 공부의 결론 자바스크립트 엔진은 단일 스레드 이지만, 브라우저 환경은 멀티 스레드라 가능하다 그렇기에 자바스크립트 코드로 비동기 관련된 코드를 쓰면 (web api, http요청) 자바스크립트 엔진은 평가와 실행 이외엔 아무것도 안합니다. 테스크 큐…

addEventListener에 파라미터가 있는 콜백함수 넘기기! (재사용 가능)

TL; DR 이벤트 핸들러를 익명함수로 감싸주고 리턴하는 덩어리를 이벤트핸들러로! 겪었던 문제 스타벅스 홈페이지를 바닐라 자바스크립트로 클론하면서 기능을 이것 저것 추가해봤습니다. 하트 버튼을 누르면 색이 채워지고, 다시 누르면 없어지는 기능을 여기 저기 온갖 곳에 구현해보려고 했는데,,, 똑같은걸 여기 저기 쓰는게 맘에 걸려서 공부해봤습니다. add…

깃허브 저도 한번 써보겠습니다🐱🐙

0. 버전 관리의 이유 수정할때 마다 파일 새로 만들기 힘듬, 이전 버전으로 돌아가고, 이력을 남기기 위해(백업) 협업하기 위해 0-1. GitHub git을 사용한 프로젝트 저장소 개발자들의 SNS 깃을 사용하는 흐름을 제가 생각했을땐 크게 두가지인것 같습니다. 내 컴퓨터에 있는 코드를 깃으로 관리하고, 깃헙에 올리기 ! (로컬 -> 원격) 남이 쓴 …

netlify로 HTML,CSS,javascript 5분만에 배포해보자 !

html과 css 자바스크립트로 만든 제 자기 소개 페이지를 배포하려다가 어려움을 겪게 되어서 공유합니다 netlify는 정적 사이트 배포를 아주 아주 아주 아주 손쉽게 도와주는 서비스입니다 ! 깃허브와 연동도 되어서 레포지토리에 있는 프로젝트를 쉽게 배포 할 수 있습니다. netlify 1. https://www.netlify.com/ 가입하기 우리는…