[pre-onboarding] CSS 발전과정

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

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

다시 정리하는 JSON

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

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

[TIL] Object.values()

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

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

[TIL] CSR과 SSR

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

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

[TIL] Redux가 필요한 이유

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

2021년 12월 27일
·
0개의 댓글
post-thumbnail

[TIL] git rebase

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

2021년 12월 14일
·
0개의 댓글

ZARANARA👶🏻 프로젝트 총 회고

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

2021년 12월 12일
·
0개의 댓글

[React] ZARANARA👶🏻 프로젝트 (1) 디테일 페이지 장바구니 통신

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

2021년 12월 8일
·
0개의 댓글
post-thumbnail

[React] 옵셔널 체이닝 관련 문제 해결

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

2021년 12월 7일
·
0개의 댓글
post-thumbnail

[TIL] ZARANARA👶🏻 프로젝트 1주차 정리 및 회고

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

2021년 12월 5일
·
0개의 댓글
post-thumbnail

[TIL] 상수 데이터

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

2021년 12월 5일
·
0개의 댓글

[React] 모달창 만들기

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

2021년 12월 5일
·
0개의 댓글

[React] westagram 프로젝트 리팩토링

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

2021년 11월 27일
·
0개의 댓글

인증 & 인가란?

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

2021년 11월 25일
·
0개의 댓글

[React] map 함수에 key props를 부여하는 이유

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

2021년 11월 21일
·
0개의 댓글
post-thumbnail

[TIL] React State 관리

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

2021년 11월 18일
·
0개의 댓글

[React] 리액트 (2)

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

2021년 11월 16일
·
0개의 댓글

[React] 리액트 (1)

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

2021년 11월 15일
·
0개의 댓글

[JS] 중간 점검

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

2021년 11월 13일
·
0개의 댓글

[TIL] git & github

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

2021년 11월 13일
·
0개의 댓글