나만의 작은 도서관

오늘 하루 한줄평: 강력한 누군가가 자기를 리드해 주기를 바란다니까.(나도 그럼)오늘 배운 내용flex와 grid에 대해서 제대로 배웠다. 배운 내용 정리는 https://pledge24.tistory.com/187에 작성하였다.html 파일에서 외부 자바스크립트 파일이 가져와야 할 때 module 타입으로 설정을 해줘야 정상작동한다는 것을 깨달았다. 왜 밖으로 빼기만 했는데 가져오지 못하는거지? 하는 의문만 가졌었는데, 다름이 아닌 module설정을 안했었기 때문에 생겼던 문제였다. 다음에 글로 정리해서 올려야겠다.쿼리 스트링과 location.href에 대해 알게 되었다. 쿼리 스트링은 url에 ?를 기준으로 뒤에 있는 문자열을 의미하며, 페이지 이동 시에 쿼리 스트링에 의한 페이지 구별은 하지 않는..

오늘 하루 한줄평: 온 세상이 git이다.오늘 배운 내용Github에서 Pull Request는 사실 브랜치를 만들지 않는다면 사용할 수 없는 기능이다. 애초에 Pull Request는 분기점 발생한 후에 따로 작업한 내용을 merge를 할 때 merge해도 되는 지 협업자들한테 확인을 부탁하는 작업이기 때문이다. git add는 git에 올릴 파일을 지정, git commit은 로컬 git에 저장하는 명령어다. git add는 한번에 올리는 . 옵션이 있지만 파일을 선택해서 올린다는 점에서 굳이 구분을 했어야 했나라는 생각이 든다. 하지만 일부 파일을 급하게 올려야하는 상황이거나 step by step으로 커밋하고 싶을 때 add의 지정 옵션은 아주 유용하게 쓰인다. branch는 태그같은 것이다. 좀..

오늘 배운 내용자바스크립트에는 최근까지 class에 private 키워드가 없었다. 클래스를 통해 객체 지향 방식의 프로그래밍이 가능하지만 정작 set, get함수가 키워드로 존재할 때 까지 private 키워드가 없었기 때문에 underscore('_')변수 앞에 붙이는 방식으로 private 변수를 의미하게 했다. 하지만, 가장 중요한 은닉이 되지 않았고 접근 할 수 없어야 했던 클래스 내 변수들이 개나소나 읽고 쓸 수 있었다. 마치 '너는 이제부터 우리 눈 앞에 보이지 않는거다'라고 말해주고 모드가 안보이는 척하는 느낌이랄까...  아무튼 가시성만 좋은 _붙이기는 후에 클로저, 심볼을 활용한 대체 방법들이 나왔다가 2019년도에 나온 # prefix를 통해 정식으로  private를 사용할 수 있게..

오늘 배운 내용콜백 함수, promise, async/await.... 이런 기능들이 자바스크립트에 있는 이유는 바로 비동기 실행 코드 때문이다. 대표적으로 fetch()함수는 promise객체를 반환하는데, 반환하기 전까지 다른 코드를 실행하지 않는 것이 아니라 요청만하고 다음 줄 코드가 실행된다. 이런 이유 때문에 fetch()함수가 끝났을 때 실행되야 하는 의존성을 가진 코드가 먼저 실행되는 문제가 발생하게 되는데 이런 문제를 해결하기 위해 콜백 함수, promise, async/await가 존재한다.(사실 콜백함수는 조금 얘기가 다르다.)클로져라는 개념이 자바스크립트에 존재한다. 갈비지 컬렉터와도 연관되어있는 클로져는 내부 함수의 수명이 외부 함수보다 길 때, 외부 함수가 수명이 다해도 해당 변수..

오늘 배운 내용깃허브에 코드를 올릴 때 API 키 값과 같은 올라가면 안되는 일부 내용을 여러가지 방법으로 숨길 수 있다. 리액트에서는 .env라는 것을 사용하고, 깃허브 자체 내에서는 Action을 사용해 코드를 노출하지 않을 수도 있다. 여러 가지 방법들이 존재하기 때문에 상황에 맞는 방법을 찾아 적용하는 것이 좋아보인다. 백틱(` `)을 사용하면 변수에 저장된 값을 아주 쉽게 문자열에 넣을 수 있다. 이 형식은 C언어의 printf문이나 C#의 format형식과 상당히 유사한데, 자바스크립트의 백틱은 html도 넣을 수 있기 때문에 아주 유용하다.키보드의 엔터 키의 키 코드는 13으로, event의 keyCode를 (e.keyCode === 13)와 같이 사용했을 때 엔터 키를 눌렀다면 true로 ..

오늘 배운 내용자바스크립트에서 함수는 무려 일급 객체이다. 일급 객체란 특정 조건을 만족하는 객체를 의미하는데, 1)변수, 2) 매개변수, 3) 리턴 값, 4) 객체의 속성, 5) 배열의 원소에 할당할 수 있어야한다. 놀랍게도 함수는 모두 가능하여 일급 객체라는 명칭을 받게 되었다.this 키워드는 함수가 호출될 때 결정된다. 속성의 메소드가 호출되었다면, this는 해당 메소드를 가진 객체가 된다. 객체 없이 함수에서 this가 호출되었다면 this는 전역 객체가 되어 브라우저 환경에서는 window, node에서는 global이 된다.호이스팅의 규칙 중 하나는 함수는 선언부 뿐만아니라 그 내용까지도 같이 끌어올려진다는 것이다. var변수와 달리 함수는 모든 내용이 최상단으로 올라가기 때문에 어느 곳에..