새벽 4시부터 일어나서 버스타고 기차타고 온 AWS 사옥... 🚝 1층 스타벅스에 들러서 간단하게 아침과 커피를 먹고 난 뒤에 에스컬레이터를 타고 교육장으로 올라왔다!!오늘 AWS 본사를 방문한 이유는 바로바로AWS JAM에서는 여러가지 종류의 비즈니스 상황을 제시해

: 여러개의 파일을 하나의 파일로 합치는 것.파일의 수를 줄여 HTTP 요청의 수를 줄임 ➡️ 속도 향상코드의 압축 ➡️ 불필요한 공백, 주석의 삭제 ➡️파일 크기 축소사용되지 않는 코드 제거 ➡️ 최적화vite의 경우, Rollup을, CRA는 Webpack을 사용해

React 내부에서 상태를 관리하는 방법 state와 props 리액트에서 상태 관리를 위한 기본적인 방법은 컴포넌트의 state와 props를 사용하는 것이다. state는 컴포넌트 내부에서 관리되는 데이터를 저장하며, props는 부모 컴포넌트로부터 전달되는

강의에서 배운 css 관련 툴 3가지를 npm trend를 통해 비교해보았다. 국내에서는 Tailwind CSS보다 Styled components를 더 많이 쓰는 것 같긴 한데, 일단 npm trend에서는 Tailwind CSS는 상향세인 반면 Styled comp

Styled-Components는 React에서 사용되는 대표적인 CSS-in-JS 라이브러리이다.Styled-Components를 사용하면 CDD(Component Driven Development)를 할 수 있다.CDD (Component Driven Develop

SCSS를 설치하면 변수를 사용할 수 있다. 사용법은 직관적이고 간단하다. $ 기호를 앞에 적어주고 변수명을 적고, 내가 원하는 값을 적어주면 된다.같은 값이 여러번 반복될 때 일일이 그 값을 다 적어주는 것이 아니라 변수로 지정하여 변수명을 적어줌으로써 같은 값이 사

1. 함수형 컴포넌트의 생명주기 https://wavez.github.io/react-hooks-lifecycle/ 생명주기란? React에서 컴포넌트는 생명주기를 가질 수 있다. 생명주기란, 컴포넌트의 생성 ➡️ 렌더링 ➡️ 소멸까지의 과정을 말한다. 함수형

repository 새로 만들고 push 할 때마다 정말이지 너무 헷갈려서 아예 내 블로그에다가 명령어 붙여놓고 필요할 때마다 볼려고 올ㅇ림....처음 추가할 때는 대충 이 명령어들 가지고 한번에 붙여넣기 해주면 잘되더라구. 뭔가 안된다?git add 한번 해보고 그

평화롭게 todolist를 만들던 오늘 오후... js 켜놓고 getElementsByClassName으로 class를 불러왔는데 자동완성이 안붙지 뭐야 그래서 왜 안되는지 알아봄 ✅각종 오역과 의역 주의 !!!https://stackoverflow.com/q

이번에는 사실 혼자 힘으로 todolist를 짜보려고 했는데 뭔가 영 안풀리는 거다. 참고용을 찾아본 코드에서 생각보다 배울 것들이 많아서 거기서 내가 궁금한 것들, 알고 싶은 것들을 모아서 이렇게 가져와보았다! 이렇게도 todolist를 만들 수 있구나 싶어서 새로웠

WARNING! 이 계산기는 기능구현이 완전하지 않은 계산기입니다! 제 구실 해보게끔 고군분투한 흔적들이 담겨 있습니다 (....) 업로드중.. 제가 현재까지 구현한 기능과 특징은 다음과 같습니다! 기본적인 사칙연산 기능 소수점은 한번만 찍히도록 함 연산자는 화

오늘 하루 꽤 바빴는데 다행히 주말에 계산기 과제는 레이아웃을 미리 짜둬서 이 시간에라도 끝낸 것 같아요 ㅎ,ㅎ > >이게 맞나 싶은데 일단 귀여워서 제 마음에 드는 먼작귀 테마의 todo list 한번 보겠습니다 '~' 1. html HTML 구조는 정말 단순해서

&& 과 || > 사칙연산에는 당연히 우선순위가 있지만 && 와 || 사이에도 먼저 실행되는 우선순위가 있다는 생각은 미쳐 못해봤었는데 오늘 공부하다가 알게 되었음... > 세상은 넓고 배움은 끝이 없구나 적절한 예시인지는 모르겠지만 연습 겸 한번 적어봤음.

map() 메서드는 배열 내 있는 모든 요소에 개별적으로 접근하여, 주어진 함수의 호출로 인한 결과만으로 모아 새로운 배열을 반환한다. filter() 메서드는 주어진 배열을 복사하여, 함수로 구현한 테스트의 조건에 부합하는 요소로만 필터링하여 배열을 만들어준다. 오늘

if문과 while문은 형태적으로는 다소 유사해보여서 은근 헷갈렸었는데 while문 같은 경우는 조건이 만족되는 동안에는 무한정 실행되는(도르마무?) 무한루프 반복문이고, if문은 지정한 조건이 참이라고 판별되면, 명령문을 한번 실행하는 개념에 가까운 것 같다. 내가

1. classList는 어떤 속성일까? classList는 DOM 요소의 클래스를 다루는 메서드들을 제공하는 속성으로, 이 속성은 DOM 요소의 클래스 목록을 나타내는 DOMTokenList 객체를 반환한다. 주로 클래스를 추가, 제거, 토글하거나 존재 여부를 확