CSS, CSS in CSS, CSS in JS CSS 모든 스타일이 global에 선언되어 중복되지 않는 class 이름을 적용해야 합니다. css의 가장 대표적인 문제점으로 어디에 선언하더라도 항상 global namespace를 가진다. CSS 로드 순서에

JSON(JavaScript Object Notation)은 데이터를 주고 받을 수 있는 데이터 형식이다. JSON이 자바스크립트와 문법과 유사하긴 하지만 자바스크립트도 아니고, 자바스크립트에서만 사용할 수 있는 것도 아니다. 많은 프로그래밍 언어에서 JSON 파싱과

Q. 이 배열 내 객체에서 values의 평균을 내고 싶은 경우 A. Object.values() Object.values() 메소드는 전달된 파라미터 객체가 가지는 (열거 가능한) 속성의 값들로 이루어진 배열을 리턴한다. 유사 배열 (숫자를 속성으로 사용하는 객체) 유사 배열의 경의 속성으로 사용한 숫자의 크기 순으로 정렬되어 반환된다. getFo...

💡 Rendering 이란, 요청받은 내용을 브라우저 화면에 표시하는 것클라이언트 사이드 렌더링은 쉽게 말하면 클라이언트 측에서 모든 걸 다 한다는 뜻이다. 서버에서 인덱스라는 html 파일을 클라이언트에 보내주면 body안에는 아이디 루트만 달랑하나만 들어있다. 어

우리는 redux 를 들어본 적이 있다. 리덕스는 전역 상태 를 생성하고 관리하기 위한 상태관리 라이브러리이다. 오늘은 공부했던 것 토대로 redux 의 특징 세 가지와 필요한 이유에 대하여 살펴보자. ✔️ redux의 세 가지 원칙 1. Single source of truth 동알한 데이터는 항상 같은 곳에서 가지고 온다. 애플리케이션의 모든 상태...

📍 rebase란? master에 다른 branch를 병합할 때 쓰이는 방법이 두 가지인데, 하나는 merge이고, 다른 하나는 rebase 이다. branch 병합방식 rebase와 merge의 차이점 rebase는 내가 작업하면서 남겼던 commit 중 불필요한 것들은 생략시키고 필요한 commit만 남겨서 master에 병합하기 때문에 mast...

ZARANARA👶🏻(자라나라) 프로젝트 총 회고입니다.

ZARANARA👶🏻(자라나라) 프로젝트 (1) 디테일 페이지 내 장바구니 데이터 통신

문제 > detailContents를 빈 배열로 받고 있었기 때문에 detailContents 가 있는지 ?.를 활용해서 확인하지 않아도 괜찮음.

ZARANARA👶🏻(자라나라) 프로젝트 1주차 정리 및 회고

상수 데이터는 변하지 않는 데이터로, 정적인 데이터이다.반복되는 UI를 하드코딩으로 일일이 만들어두게 되면, 코드가 길어져서 가독성에 좋지 않고, 수정이 필요할 시 해당하는 부분을 찾기 힘들어 추후 유지보수가 힘들어질 수 있다.이를 위해 상수 데이터를 만들어 관리해주면

리액트 버전 모달창 만들기 > 우선, modal창을 관리할 useState를 만들고, dim처리 할 부분을 useRef를 사용하여 접근한다. 그리고 버튼을 눌렀을 때 모달을 보여주는 openModal 함수, 모달을 펼쳐져 있을 때만 닫아주는 closeModal 함수

몇 주에 걸쳐 진행된 위스타그램 프로젝트 리팩토링을 했다.지금까지 기능 구현과 레이아웃에만 포커스를 두었다면, 마무리 단계에서 동료분들과 멘토님께 받은 리뷰를 반영하여 리팩토링을 해봐야겠다. 변수명 혹은 함수명은 실제 하는 동작과 동일하게 작성해야 하며,특히 위의 함수

인증 인가에 대해 단방향 해쉬가 무엇인지salting & key stretching 이 뭔지Bcrypt와 JWT가 뭔지 Authentication은 유저의 identification을 확인하는 절차인증을 하기 위해서는 회원가입 기능 필요유저 아이디와 비번 생성유저 비번

📝 문제 위의 코드는 map() 함수를 이용하여 댓글을 하나씩 반환하는 함수이다. 🔥💥 Warning: Each child in a list should have a unique "key" prop. 하지만, 에러가 발생했다! 여기서 우리는 중요한 key props에 대하여 알아봐야 한다. 🔑 key key는 React가 어떤 아이템이 바뀌...

강의를 듣다가 혼자 해결해보고 싶은 부분이 있어 해결방안을 TIL로 기록해본다.위와 같이 각각 따봉을 눌렀을 때 각각 별개의 숫자가 1씩 증가하고 싶은 경우를 생각해보자.막혔던 부분 > state를 각각 관리하고 싶었는데, 그렇다고 각각 개별적인 state를 관리하는

사용자 인터페이스(UI)를 만들기 위한 자바스크립트 라이브러리 이다.규모가 커지고 복잡한 애플리케이션을 개발하며 생산성을 향상시키고 많은 양의 데이터 관리와 코드 유지 보수를 더욱 편리하게 하기 위해 다양한 프레임워크, 라이브러리가 등장하게 된다. 그 중에 리액트는 오

사용자 인터페이스를 UI를 만들기 위한 자바스크립트 라이브러리 이다.선언적컴포넌트를 이용해 재사용성이 용이virtual dom을 위한 최적화 (한번에 필요한 부분만 업데이트 해주기 위한 )Create react app(툴체인) 도구들을 엮어서 모아둠💡 툴체인이란, 컴

문제 > 짝수인지 판별하는 함수 isEven을 작성 주세요.해결방법 > 함수 isEven 생성하고, 짝수인지 홀수인지 판별하는 조건문을 작성한다.문제 > calculateTotal 함수를 작성하세요.팁과 세금을 제외한 식사값이 주어졌을때, calculateTotal 함

터미널 상에서 Git의 init, add, status, commit, log, push 명령어를 사용할 수 있다. Github에 Repository를 생성하고 자신의 Git 프로젝트를 업로드할 수 있다. Git이 무엇인가? Git의 공식 명칭은 분산 버전 관리 시