profile
프로그래밍이 세상을 좀 더 좋게 바꿀 수 있다고 믿습니다
post-thumbnail

map을 사용했는데 의도하지 않은 쉼표가 출력된다면?

redux를 공부하던 중 의도하지 않은 상황이 발생했습니다.위와 같이 store에서 state를 가져온 다음 그 내부의 content 배열을 map함수를 활용해 순회하며 각 item의 id와 title을 template literals을 활용해 작성해 둔 html 태그

2020년 4월 5일
·
0개의 댓글
post-thumbnail

javscript ES6에 추가된 기능 간단 정리

🚀 들어가며 ES6에서 추가된 기능 ( String Literal, 객체 비구조화 ( Object Destructuring ), 객체 리터럴 ( Object Literal ), for .. of, Spread Operator, Rest Parameter, Arrow

2020년 1월 21일
·
0개의 댓글
post-thumbnail

CRA - One of your dependencies has a security vulnerability 에러 해결

📃 발생 에러 명령어를 활용해 react-app을 만들고 github에 올리면 라며 image.png 위와 같은 경고가 발생했습니다. 클릭해 들어가보면 image.png 이런 내용이었는데 yarn.lock에 가보면 image.png 이렇게 2.1.1 보다 최신 버전인 2.1.2도 확인할 수 있는데 CRA로 리액트

2020년 1월 2일
·
0개의 댓글
post-thumbnail

생활코딩 마인드맵 라이브러리 cytoscape 사용법

🚀 발단 생활코딩에 접속해서 수업 소개 섹션으로 가면 수업간의 관계를 확인할 수 있는 마인드 맵이 있습니다. 개인적으로 공부한 것들의 흐름을 위와 같이 정리하면 좋을 것 같았습니다. 그래서 해당 라이브러리가 cytoscape라는 것을 확인 후 이를 활용해 비슷한 사이트를 개발을 해봤습니다. 그러나 cytoscape 관련한 별도의 한글 정보가 없어 영...

2019년 12월 26일
·
1개의 댓글
post-thumbnail

개발자 도구의 console에서 javascript를 사용할 수 있는 이유

🤷‍♂️ 왜 되지? why.png 위 스크린샷처럼 개발자 도구의 콘솔 탭을 열고 javascript 코드를 작성하면 잘 작동하는 모습을 볼 수 있습니다. 모든 프로그래밍 언어가 그렇듯 javascript도 실행되려면 프로그래머가 작성한 javascript 코드를 기계가 해석할 수 있게 만드는 과정을 거쳐야 할텐데 브라우저에서 이게 왜 바로 실행되는걸까...

2019년 12월 23일
·
0개의 댓글
post-thumbnail

로컬에서 CORS policy 관련 에러가 발생하는 이유

🚀 발단 위와 같은 html 파일을 로컬환경에서 크롬 브라우져로 실행시켰더니 >Access to script at 'file:///C:/경로/js/module.js' from origin 'null' has been blocked by CORS policy: Cr

2019년 12월 22일
·
5개의 댓글
post-thumbnail

velog 목차는 어떻게 생성될까?

📣 주의 해당 포스팅은 제 개인의 실험 결과임을 미리 밝힙니다. 다른 방법이 있거나 틀린 부분이 있다면 댓글로 나눠주세요! 🤣 왜 나만? 공부한 내용을 직접 포스팅으로 정리하면 좀 더 체계적으로 기억할 수 있다는 걸 깨달은 후 여러 블로그를 전전하다가 velog에 정착하기로 했습니다. 폰트나 목차가 가장 마음에 들었거든요. 이런거.png 이런 ...

2019년 12월 22일
·
0개의 댓글
post-thumbnail

<script> 태그는 어디에 위치해야 할까요?

`` 태그는 어디에 위치하는 게 가장 좋을까요? 일단은 body 태그 최하단에 위치하는 게 가장 좋습니다. 이를 이해하기 위해선 브라우저의 동작 방식을 이해할 필요가 있습니다. 🔍 브라우저의 동작 방식 HTML을 읽기 시작한다. HTML을 파싱한다. DOM 트리를 생성한다. Render 트리(DOM tree + CSS의 CSSOM 트리 결합)가 생성되...

2019년 12월 21일
·
2개의 댓글

자바스크립트 모듈(Module) 학습 내용 간단 요약

main.png 📣 주의사항 > 1. 이 글은 핵심만 추린 요약글입니다. 자세한 내용과 예시는 참조의 링크를 확인하세요 > 2. 오류가 없도록 최선을 다했지만 공부가 부족해 틀린 부분이 있을 수 있습니다. 감안하여 읽어주시고 오류를 발견하시면 댓글로 알려주세요 ! 💫 모듈(Module)이란? 자바스크립트 코드의 크기가 갈수록 커지고 기...

2019년 12월 21일
·
0개의 댓글