profile
제모옥은 UX를 중시하는 웹 프론트엔드 개발자 지망생으로 하겠습니다. 근데 이제 풀스택을 곁들인...
post-thumbnail

React Query - Devtools

이번에는 React Query 라이브러리에서 제공하는 강력한 도구인 React Query Devtools에 대해 알아보았다.먼저 React Query Devtools를 사용하려면 ReactQueryDevtools 모듈을 불러와야 한다.위와 같이 import를 하고, Q

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

React Query 사용하기

새로운 기술을 도입하기 전에는, 이 기술이 어떤 문제를 해결하려고 하는 지에 대해 먼저 파악하는 것이 중요하다는 멘토님의 말씀을 따라 먼저 React Query를 사용하지 않은 기존의 Data Fetching 방식으로 연습을 진행했다.해당 JSON 데이터는 json-s

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

프로젝트 준비: React Query

프로젝트를 1주 앞둔 현재, 지난 프로젝트에서 발생한 문제를 사전에 예방하고 더 나은 프로젝트 경험을 가져가려고 준비하고 있다.지난 프로젝트에서 크게 변수로 작용한 것 중 하나가 비동기 로직 문제였다. 나는 서버에서 받아오는 데이터를 요청하는 비동기 로직을, 해당 데이

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

CSS in JS의 장점 (feat. styled-components)

CSS in JS JS 파일이 CSS 요소를 생성하는 방식의 스타일링 방법론은 다음과 같은 장점을 가진다. 파일을 분리하지 않고 스타일링을 적용함으로써, 더 빠른 성능 효율성을 가진다. JS 파일만 다운로드하면, css 스타일링 또한 같이 받아오기 때문이다. css

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

🐰엘리스 AI 트랙 TIL: 데이터와 정보

데이터란? 데이터 : 현실 세계의 일들을 관찰하고 측정해서 얻은 값 가공하기 전의 단순한 사실이다 정보 : 데이터를 처리해서 얻는 의미 있는 값 데이터를 가공하여 의사결정을 위해 활용할 수 있는 것이다.

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

🐰엘리스 AI 트랙: 직업심리검사 프론트엔드 개인 프로젝트 후기

프로젝트를 마치고 나서

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

19_Nov: 개발 회고 [ 찾는 길이 없으면 만들겠다 ]

아직도 리액트 훅 및 기본 개념에 대한 강의를 듣는 중이었다. 그러나 강의를 들을수록 미리 숙지해 둔 기능구현 목록의 기능들을 어떤 기술을 사용하여 구현할 수 있는 지 그림이 보인다는 것은 큰 수확이었다. 그러한 부분을 만날 때 마다 나는 주석으로 기록해두었다. 예를

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

18_Nov: 🐰엘리스 AI 트랙: 개인 프로젝트 개발 회고 [급할 수록 되돌아 가라]

깃허브만 연동하여 깃 형상관리 작업을 해오다가 깃랩을 처음으로 연동하여 작업을 하려는데, authentication 문제가 발생했다. local 환경에 저장된 credential 정보가 깃랩 내의 정보와 일치하지 않는다는 것이었다. 혼자 구글링을 통해 해결을 해보려다가

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

17_Nov : 🐰엘리스 AI 트랙: 개인프로젝트 개발 회고

어제부터 프론트엔드 웹 개발 개인 프로젝트를 시작했다. 10시 부터 11시 반까지 간략하게 진행한 프로젝트 안내와 깃랩 사용법에 대한 안내를 듣고, 바로 프로젝트를 시작한다는 점은 바로 바다에 던져진 느낌이었다. 사실 미니 프로젝트 스터디를 진행하면서, 어느정도 막막한

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

03_Oct_2021 🐰 엘리스 AI 트랙 TIL: Flask를 통한 서비스 다루기

Blueprint와 Jinja Template Blueprint API들을 분류하고 관리한다. Flask의 기능이 점점 늘어날수록, 자연스럽게 코드의 양이 증가한다. 이때, Blueprint를 사용해서 길어진 코드를 모듈화해주어 수정 개발과 유지보수에 용이하게 코드를

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

03_Nov_2021 🐰 엘리스 AI 트랙 TIL: Flask 기초

웹 서버의 동작 과정 이해하기 우리가 흔히 정보들을 접하고 사용하는 많은 서비스는 '웹 서버'를 통해 우리에게 제공되고 있다. 웹 서버의 동작 과정 클라이언트란? 사용자/ 사용자 컴퓨터 / 인터넷 브라우저를 의미한다. 데이터를 서버에 요청한다. 서버란? 클라이언트로부터

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

30_Oct_2021 🐰 엘리스 AI 트랙 TIL: 재귀호출을 이용한 문제 해결

1) 함수의 정의를 명확히 한다2) 기저 조건에서 함수가 제대로 동작하게 작성한다3) 함수가 제대로 동작한다고 가정하고 함수를 완성한다.어떤 문제든 제일 첫 번째로 시도해야 할 방법은 무조건 완전탐색이다.그러나 완전탐색의 경우, 탐색범위가 커질수록 불리하다는 단점을 가

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

27_Oct_2021 🐰 엘리스 AI 트랙 TIL: SQL과 함수

함수 데이터의 값을 계산하거나 조작하는 함수 행의 그룹을 계산하거나 요약하는 그룹함수 열의 데이터 타입을 변환하는 함수로 종류가 나뉜다. COUNT 검색한 결과의 데이터의 개수를 가져오는 내장함수. NULL인 데이터는 제외 SUM & AVG MAX & MIN LIM

2021년 10월 31일
·
0개의 댓글

30_Oct_2021 🐰 엘리스 AI 트랙 TIL: 서브쿼리

서브쿼리 하나의 쿼리 안에 포함된 또 하나의 쿼리 메인 쿼리가 서브쿼리를 포함하는 종속적인 관계이다. 복잡한 논리로 데이터를 추출해야 할 때 사용한다. e.g.) 연봉이 X원인 남자가 읽는 책은 무엇인지 찾고 싶은데, 매년 책을 읽는 지 혹은 올해만 읽는지 확인. 서

2021년 10월 31일
·
0개의 댓글

29_Oct_2021 🐰 엘리스 AI 트랙 TIL: 정규화(Normalization)와 View

정규화란? 테이블 간 데이터 조작(삽입, 수정, 삭제)시 발생할 수 있는 이상 현상을 줄이기 위해 하는 작업이다. 정규화 단계로는 1~5차 정규화와 BCNF까지 다양한 종류가 있지만, 1~3차 정규화까지 진행하면 대부분의 이상현상을 없앨 수 있다. 1차 정규화(1N

2021년 10월 30일
·
0개의 댓글

29_Oct_2021 🐰 엘리스 AI 트랙 TIL: 프로젝트로 배우는 데이터베이스

데이터베이스란? 공유하여 사용할 목적으로 체계화하여 관리하는 데이터들의 집합이다. 데이터베이스의 분류 관계형 데이터베이스(RDB) EX) MariaDB, 엑셀 형태 각 테이블 간의 관계가 존재한다 스키마가 존재한다. 구조적으로 안정적이지만 유연하지 못한 특징을 가지

2021년 10월 30일
·
0개의 댓글

29_Oct_2021 🐰 엘리스 AI 트랙 TIL: SQL II

SQL로 데이터 다루기 다수의 테이블 제어하기 데이터 그룹 짓기 (그룹함수) GROUP BY: 테이블 그룹의 기준을 정해서 그룹화 하는 함수. > GROUP BY를 잘 활용하기 위해서는 SUM, AVG, COUNT, MAX, MIN 함수를 같이 사용하는 것이 좋다.

2021년 10월 30일
·
0개의 댓글

20_Oct_2021 🐰 엘리스 AI 트랙 TIL: 상태관리

상태 관리 -* 상태 관리 기술이란 앱 상에서의 데이터를 메모리 등에 저장하고 하나 이상의 컴포넌트에서 데이터를 공유*하는 것을 의미한다. 한 컴포넌트 안에서의 상태, 여러 컴포넌트 간의 상태, 전체 앱의 상태 관리를 모두 포함한다. MPA와 SPA에서의 상태 관리

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

15_Oct_2021 🐰엘리스 AI 트랙 TIL: API & HTTP

API는 Application Programming Interface의 줄임말로 다양한 응용 프로그램에서 사용할 수 있도록, 운영체제나 프로그래밍 언어가 제공하는 기능을 제어할 수 있게 만든 인터페이스이다.즉, 프로그램과 프로그램을 연결해 주는 다리 역할이라고 이해할

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

15_Oct_2021 🐰엘리스 AI 트랙 TIL: 비동기 통신 & Promise

초기 웹 환경: 서버에서 모든 데이터를 로드하여 페이지 빌드함, 자바스크립트에서는 별도의 비동기 처리가 필요하지 않았다.AJAX(Asynchronous JavaScript and XML) 기술의 등장으로 페이지 로드 없이 clide-side에서 서버로 요청을 보내 데이

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