profile
프론트엔드 개발자

Styled-components vs Scss

styled-components : CSS-in-JSscss : CSS-in-CSSJS를 주로 다루는 프론트엔드 개발자들은 CSS 또한 다뤄야하는 역량이 필요하게 되었는데, 이를 통해 기존에는 css파일로 따로 작업했던 것들의 불편함을 느끼게 되면서 CSS-in-JS

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

[WeFrip] 2차 프로젝트 팀 회고

🚀 My Second Team Project 팀프로젝트를 시작하기 전 막연한 걱정에 사로잡혀있었다. 과연 내가 공부한 범위 만으로 완성도 높은 사이트를 구현해 낼 수 있을까 나 자신에 대한 의문도 들었고, 팀으로 진행되는 프로젝트는 처음이다보니 내가 팀원으로써 환영받

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

[Redux] Redux란?

자바스크립트 앱을 위한 예측 가능한 상태 컨테이너이다단방향 데이터 흐름을 이용해 예측 가능하고, 일관적인 상태 컨테이너의 역할을 제공하는 라이브러리Flux 패턴에 영감을 받아서 Dan Abramov가 개발Flux는 디자인 패턴으로, 일종의 실체가 없는 개념이지만 Red

2022년 11월 6일
·
0개의 댓글
·

[Redux]Design Pattern

패턴 : 되풀이 되는 사건이나 물체의 형태디자인 패턴 : 설계 간 자주 발생하는 문제에 대한 모범 답안프로그램을 개발하면서 생기는 문제점들에 대해서 해결할 수 있는 방법을 도출하고 그를 패턴화 해둔 것이다.프로그래밍에서는 '바퀴를 재발명 하지 마라' 라는 격언이 있다.

2022년 11월 6일
·
0개의 댓글
·
post-thumbnail

소프트웨어 테스트

순차 분기 반복으로 계속 이루어진다작성한코드(백엔드API) >> Expected Result >> Test >> 1. Success 2. Failure >> 실패시 처음으로 돌아가 Modify Fix 과정이 반복된다제대로된 소프트웨어를 개발했는가좀더 철학적으로 바라보는

2022년 11월 2일
·
0개의 댓글
·
post-thumbnail

[wedidas] 1차 프로젝트 팀 회고

공부만 하고 팀프로젝트를 시작하기 전 막연한 걱정에 사로잡혀있었다. 과연 내가 공부한 범위 만으로 완성도 높은 사이트를 구현해 낼 수 있을까 나 자신에 대한 의문도 들었고, 팀으로 진행되는 프로젝트는 처음이다보니 내가 팀원으로써 환영받을 수 있을 사람일까에 대한 걱정도

2022년 10월 29일
·
0개의 댓글
·

[Day 7] 과반수 넘는 숫자 구하기

📅 22.10.13📖 파트너 : 정관훈문제설명 :숫자로 이루어진 배열인 nums를 인자로 전달합니다.숫자중에서 과반수(majority, more than a half)가 넘은 숫자를 반환해주세요.가정 : nums 배열의 길이는 무조건 2개 이상숫자 배열로 받은 인자

2022년 10월 24일
·
0개의 댓글
·

[Day 6] 로마자에서 숫자로 바꾸기

📅 22.10.12📖 파트너 : 정관훈문제설명 :1~3999 사이의 로마자 s를 인자로 주면 그에 해당하는 숫자를 반환해주세요.로마 숫자를 숫자로 표기하면 다음과 같습니다.처음에는 문자열로 받은 변수를 배열로 반환하고 각각의 문자열 요소에 대응하는 value값을 반

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

쿼리 스트링

쿼리 스트링은 URL의 한 부분으로, 요청하고자 하는 URL에 부가적인 정보를 포함하고 싶을 때 사용한다일반적으로 URL을 통한 정보 요청은 페이지명을 URL을 통해서 내가 어떤 페이지를 보고 싶다는 단순한 정보만을 표현할 수 있었는데 조금 더 규모가 크고 복잡한 애플

2022년 10월 23일
·
0개의 댓글
·

동적 라우팅

정적 라우팅은 라우팅을 설정하는 가장 기본적인 방법이다즉 Router.js 컴포넌트에서 미리 프로젝트에 사용할 수 있는 경로들과 해당 경로로 접속했을 때 보여줄 컴포넌트들을 모두 정의해두는 방식이다. 이 방식은 복잡하고 규모가 큰 애플리케이션에서는 경로를 미리 설정하는

2022년 10월 17일
·
0개의 댓글
·

API 호출하기

Fetch API는 HTTP 파이프라인을 구성하는 요청과 응답 등의 요소를 JavaScript에서 접근하고 조작할 수 있는 인터페이스를 제공한다. Fetch API가 제공하는 전역 fetch() 메서드로 네트워크의 리소스를 쉽게 비동기적으로 가져올 수도 있다.Fetch

2022년 10월 16일
·
0개의 댓글
·

async & await

자바스크립트 기본 기능으로 비동기 코드를 쓰고, Promise를 더 읽기 쉽도록 만들어 준다.async/await 키워드를 사용하면 비동기 코드를 마치 동기 코드처럼 보이게 작성할 수 있다.promise객체를 이용해 then 으로 체이닝 하는 것 보다 async awa

2022년 10월 16일
·
0개의 댓글
·

비동기 프로그래밍 & Promise

일반적으로 프로그램의 코드는 한번에 한가지 사건만 발생하면서 순차적으로 진행된다.요즘 컴퓨터가 여러개의 프로세서를 돌리는 시대에서 이러한 상황은 컴퓨터의 성능을 효율적으로 쓰지 못하는 처사이다.비동기 프로그래밍이란 이를 개선하여 다른 코어 프로세서에서 다른 작업들을 움

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

컴포넌트 재사용

공식문서 기준UI일부가 여러번 사용되거나, UI 일부가 자체적으로 복잡한 경우프로젝트의 기준점에 따라View와 로직 분리state에 따라 분리로그인 컴포넌트의 구성요소 : 로고, 타이틀, 입력창(이메일, 비밀번호), 회원가입 링크, 구분선, 소셜로그인 버튼회원가입 컴포

2022년 10월 15일
·
0개의 댓글
·

useRef()

render 메서드에서 생성된 DOM 노드나 React 엘리먼트에 접근하는 방법을 제공한다자식 컴포넌트를 부모 컴포넌트에서 접근해야할때 주로 활용되는 요소이다포커스, 텍스트 선택영역, 혹은 미디어의 재생을 관리할 때애니메이션을 직접적으로 실행시킬 때서드 파티 DOM 라

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

useTransition()

useState()를 사용해 이벤트를 처리 할때 우리는 input 입력값을 변할때마다 setter함수에 넣음으로써 input의 value가 변할때 마다(한글자 한글자 입력될때마다) 리렌더링 되는 현상이 일어난다 (느려짐)이를 해결하기 위해 최근 useTransition

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

useMemo

캐싱(임시로 저장하는것)된 결과값을 저장해서 같은 input이 들어왔을때 이미 저장된 결과값을 활용하여 프로그램을 가속화 할 수 있는 최적화 방법이다Cache : 임시적으로 결과를 저장하는 공간 (한번 수행한 결과를 저장하는 공간)리턴문 안에서 같은 함수를 호출하는 방

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

[Day 5] 공통된 시작 단어 구하기

📅 2022.10.08📖 파트너 : 정관훈문제설명 :strs은 단어가 담긴 배열입니다.공통된 시작 단어(prefix)를 반환해주세요.처음에는 배열의 문자열을 첫 글자 부터 비교하여 같으면 빈문자열에 더하고 아니면 break로 멈추고 문자열을 반환하는 형태로 생각하여

2022년 10월 13일
·
0개의 댓글
·

Path parameter

경로를 매개변수로 하겠다는 뜻단순히 특정 값만 가지고 오는 상황에서 사용한다 https://map.naver.com/v5/entry/place/:placeIdQuery: 질문,질의프로그래밍 관점에서 Query는 데이터 베이스에서 정보를 요청하는 것을 의미한다f

2022년 10월 13일
·
0개의 댓글
·

RESTful API

Representational State Transfer API(\*API : 클라이언트와 데이터베이스 사이의 접점)자원을 설명으로 구분하여 해당 자원의 상태를 주고받는 모든것을 의미한다API 시스템을 구현하기 위한 다양한 아키텍처 중 가장 널리 사용되는 형식이다 (R

2022년 10월 13일
·
0개의 댓글
·