post-thumbnail

dependencies VS devDependencies

dependencies로 설치되는 것에는 애플리케이션의 동작과 직접적으로 연관되는 것이, devDependencies에는 이름 그대로 애플리케이션의 동작과는 직접적으로 관련이 없는, 개발할때 필요한 것들을 설치하면 된다.

5일 전
·
0개의 댓글
·
post-thumbnail

[ts] '--jsx' is not set. / Cannot use JSX unless the '--jsx' flag is provided.

타입스크립트로 리팩토링을 하는 과정에서 시작하자마자 타입이 문제가 아닌 에러를 만나버렸다!!우선 첫번째는 App.tsx를 가져올 수 없다는 문제...! 확장자를 붙여도 줘봤지만 되지 않았고, 이것저것 검색해봤더니 가장 이상했던 점은 내 파일트리에 tsconfig.jso

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

[typescript] create-react-app으로 이미 만들어진 프로젝트에 타입스크립트 적용하기!

create-react-app으로 이미 프로젝트를 만들었는데 리팩토링 하는 과정에서 타입스크립트를 적용해야하는 일이 생겼다!create-react-app 공식문서에 따르면 이미 만들어진 프로젝트에는이렇게 설치를 해주고 파일의 확장자를 index.tsx 이렇게 수정해주면

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

[D3.js] svg 지도 파일을 활용해서 나만의 지도 만들기! #1

4개월 간의 부트캠프가 끝이 나면서 2차 프로젝트도 마무리 되었다. 이번 2차 프로젝트에서는 나만의 경로를 지도에서 만들어서, 경로에 대한 추억을 기록하는 여행 기록 웹페이지를 제작하였다. 이번 프로젝트에서 맡은 부분 중에서 재밌었던 부분은 svg지도 파일을 활용해서

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

[javaScript] 모달창 구현 (특정 영역 외 클릭했을 때 event 넣기)

웹사이트를 이용하다보면 모달창을 닫을 때 특정 영역 외 부분을 클릭하면 모달창이 닫기는 경험을 한 적이 있을 것이다. 친구와 함께하는 작은 프로젝트를 진행하면서 모달창 이외의 부분을 클릭하면 모달창이 닫기게 하는 기능을 구현해야했고, 클릭 이벤트 값을 받아와 모달

2022년 7월 19일
·
0개의 댓글
·

[git]맥에서 gitLab SSH Key 발급하기

엘리스 부트캠프를 시작하며 나의 git 계정은 두개가 되었다. 원래 사용하던 git hub 계정. 개인적으로 공부한 것을 올리는 계정으로 사용했다. 엘리스 부트캠프에서 프로젝트 할 때 사용하는 git lab 계정! 처음 git lab 계정을 받았을때 터미널에서 무작정

2022년 7월 1일
·
0개의 댓글
·

[TIL]/*elice*/DAY19

HTTP(Hypertext Transfer Protocol) web에서 서버와 클라이언트 간의 통신하는 방법을 정한 것 클라이언트는 웹 브라우저 등 서버로 요청을 보내는 대상. 서버는 클라이언트가 요청을 보내기 전까지 대응하지 않음. 서버와 클라이언트 사이에는 무수히

2022년 5월 5일
·
0개의 댓글
·

[TIL]/*elice*/DAY18

try/catch 예외처리를 위한 문법 try블럭 내에서 에러가 발생하면 catch 블럭에서 처리할 수 있음 throw를 통해서 일부러 에러를 발생 시킬 수 있음 async function 비동기 함수임을 선언하는 함수. 함수를 실행하면 Promise 객체를 반환

2022년 5월 4일
·
0개의 댓글
·

[TIL]/*elice*/DAY17

자바스크립트 엔진은 비동기 처리를 제공하지 않는다. 대신, 비동기 코드는 정해진 함수를 제공하여 활용할 수 있다.이 함수들을 API라고 한다.비동기 API의 예시로 setTimeout, SMLHttpRequest, fetch등의 WebAPI가 있다.node.js의 경우

2022년 5월 3일
·
0개의 댓글
·

[TIL]/*elice*/ DAY16

코드가 완료될 때까지 기다리는 방식이 동기 프로그래밍코드가 실행되고, 완료될 때까지 기다리지 않고 다음 코드를 실행하는 방식이 비동기 프로그래밍자바스크립트는 싱글 쓰레드로 동작하나 이벤트 루프를 통해 동기 프로그래밍의 단점을 해결=> 실제로는 브라우저에서 멀티 쓰레드로

2022년 5월 2일
·
0개의 댓글
·

[TIL]/*elice*/DAY15

자바스크립트 내장 객체 globalThis 전역 객체를 지칭하는 변수 전역 객체는 환경에 따라 다름 브라우저 환경은 window, node환경은 global 객체를 지칭하는데, globalThis는 환경별 차이를 통일하여 하나의 변수로 서로 다른 전역 객체를 가리키게

2022년 4월 30일
·
0개의 댓글
·

[TIL]/*elice*/DAY13, 14

Scope 참조할 수 있는 유효범위 전역 스코프 지역 스코프 실행 컨텍스트 (Execution Context) 실행 가능한 코드가 실행되기 위해 필요한 환경(객체 형태) 변수 함수 스코프 this 코드를 형상화하고 구분하는 추상적 개념 코드가 실행 시 생성되고,

2022년 4월 28일
·
0개의 댓글
·

[TIL]/*elice*/DAY 12

IndexedDB 클라이언트(브라우저 내부) local database 네트워크없이 접근 가능, 빠름 브라우저의 객체 저장 가능 자바스크립트 객체, 파일, blobs 등을 저장 transaction을 지원함 자료형과 객체 저장 가능 클라이언트(사용자)측 브라우저에 저장

2022년 4월 26일
·
0개의 댓글
·

[TIL]/*elice*/ DAY11

what is components? 캡슐화를 통하여 재사용이 가능한 독립된 모듈 index.html에서 스크립트 태그로 자바스크립트를 연결할때 type = "module"을 꼭 붙여줘야 한다! components render()를 통해 HTML요소를 반환하는 함수 독립

2022년 4월 25일
·
0개의 댓글
·
post-thumbnail

[TIL]/*elice*/DAY10

오늘 수업은 자기소개페이지 만들기!최대한 수업을 하면서 배운 것들을 다 녹여내려고 했고, 갑자기 외출을 하게 되어 6시 이전에 제출하기는 솔직히 조금 힘들었다.1\. 팔로우 버튼을 누르면 팔로워수 올라가게하기메세지 버튼을 클릭하면 alertmy Info. 스토리 누르면

2022년 4월 22일
·
0개의 댓글
·

[TIL]/*elice*/ DAY 9

NODE 객체 node - HTML DOM에서 정보를 저장하는 계층적 단위 문서 노드(document node) HTML 문서 전체를 나타내는 노드 요소 노드(element node) 모든 HTML 요소는 요소 노드로, 속성 노드를 가질 수 있는 유일한 노드 속성 노

2022년 4월 21일
·
0개의 댓글
·

[TIL]/*elice*/DAY 7&8

7일차와 8일차는 자바스크립트로 어떻게 화면을 구현하는지를 주로 배웠다.7일차는 자바스크립트로 문제를 풀었는데, 프리트랙보단 쉽긴했지만 그래도 구글링을 하면서 풀었다. Browser Object Model문서 이외의 모든 것을 제어하기 위해 브라우저가 제공하는 추가 객

2022년 4월 20일
·
0개의 댓글
·

[TIL]/*elice*/DAY5

오늘은 깃에 대해 배웠다. init, commit -m"", push만 사용했던것 같은데,, 깊이 알게되니까 너무 어렵다...! Git을 사용하는 이유 Git은 협업을 위한 툴이며, 여러 버전을 동시에 관리할 수 있어 데이터의 안정성이 보장된다. ✅ 깃은 가지치기와

2022년 4월 19일
·
0개의 댓글
·

[TIL]/*elice*/ DAY6

객체 = 변수들의 모음 속도는 컴파일러가 빠름 자바스크립트 사용법 인라인 방식 * 잘안씀* 정해진 속성 값 안에 입력 짧은 내용을 작성할 때 사용 주로 함수 호출하는 방식을 이용 내부 방식 script 태그 내에 작성 어디에도 넣을 수 있음 코드가 읽힐 때 실행되

2022년 4월 18일
·
0개의 댓글
·

[TIL]/*elice*/DAY4

오늘 수업은 어제 배운 개념들을 복습하는 느낌이었다!! 어제 배웠지만 새롭게 알게된 부분이나 헷갈렸던 부분들을 필기했다. Animation animation-delay: 애니메이션이 시작하기 전 딜레이할 시간을 설정하는 속성 animation-timing-funct

2022년 4월 14일
·
0개의 댓글
·