profile
백엔드를 아는 프론트엔드 개발자

온라인 져저 디자인하기

설계 하기 편하니까! 계속 디자인 고민을 안해도 되니까!여러 프로젝트를 진행하면서 디자인이 없는 경우가 많았다. 개발공부를 시작한지 얼마안돼서 초기에는 와이어프레임 정도만 만들고 '스테이트는 필요해 보일때 마다 알아서 만들어서 관리하자^-^'라고 생각하고 개발했었는데

약 19시간 전
·
0개의 댓글
·

온라인 져저 만들기

거기서 주로 한 거 : QNA답변해주기. Indico라는 오픈소스프로그램을 한글화 + 필요한 기능만 남기고 디자인 바꾸는 작업(이 떄 AdobeXD를 오질나게 했었습니다. 지금은 유료화돼서 못 쓰는... )코로나로 인한 온라인 미팅 이슈 + 낮은 숙련도 + 생소한 라이

3일 전
·
0개의 댓글
·

courseology_디자인부터해보자

asdf

3일 전
·
0개의 댓글
·

온라인 코스 서비스 새로 만들기(courseology)

기존 서비스 : https://github.com/YOONLEEVERSE/onlinecourse-front온라인 강의를 등록하고 관리할 수 있고, 수강이 가능한 서비스이다. 유튜브에서 유용한 강의를 모아서 강의 리스트로 만들어 한 페이지에서 쉽게 볼 목적으로

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

[1-3장]JavaScript의 기본적 이해

syntax : 문법적인 것 => 보통 디버거로 잡기 쉬움semantic : 의미적인 것 => 로직이나 프로그램의 흐름 등. 논리의 오류 때문에 발생하는 문제이기 때문에 디버거로 잡기 쉽지 않음ECMAScript === ECMA-262(자바스크립트의 표준 사양).프로그

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

[1주차 회고내용]

javascript deepdive 내용 정리코드리뷰 받은 것 정리수업에서 배운 점 정리 \- data fetching 모듈화각 수업별 요약본을 기준으로 보충해서 정리.팀활동을 하면서 배운 점/개선점/생각해볼만한 것을 체크해도 될 것 같음)

2022년 7월 9일
·
0개의 댓글
·

Day1. 클린코드

1일차 회고. 소통 능력 업그레이드! 늘 코드를 클린하게 노력! 너무 세세하게 쪼갠 코드도 좋지 않다.

2022년 7월 4일
·
0개의 댓글
·

해결할 점.

input시 렌더링 최적화는 어떻게? \- react 공식 문서에서 input이랑 state랑 연결해서 쓰는 걸 권장하는데, 그냥 ref를 쓰면 왜 안돼지?image 최적화. img 태그 자체에서 img의 size를 조절하면 안좋다고 알고 있는데 그럼 그거 최적화는

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

[원티드 프리온보딩 코스] 숏에세이

지원서

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

도움되는 글

리액트 클린코드https://one-it.tistory.com/entry/%EB%B2%88%EC%97%AD-React-Clean-Code%EB%A5%BC-%EC%9C%84%ED%95%9C-%ED%8C%81?category=760174

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

ㅌㅅ 과제 후기

프론트엔드 과제를 풀어볼 수 있는 기회가 생겼다.총 5시간이나 주어졌고, 과제도 비교적 쉬웠는데 참 아쉽다.시간도 충분했는데, 평상시에 비동기 처리를 얼마나 대충했는지 알수 있었다..,^^앞으로 타임어택식으로 개발해보고 시간내에 개발 못한 부분을 집중적으로 파봐야 할

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

Next.js 문서보기

웹팩같은 번들러로 번들링, babel같은 컴파일러로 commonJS형태로 변환코드 스플리팅 같은 최적화가 필요함.성능과 SEO를 위해 pre-render이 필요하고 그와 동시에 SSR 또는 CRS필요data store에 웹 앱을 연결시키기 위해 몇몇 서버사이드 코드를

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

[React]UX, 최적화

최적화를 안쓰는 CSS 코드 스플리팅 => 하나의 파일로 번들링x 특정 기준에 따라 몇 개로 나눠서 파일을 번들링,실제로 사용될 때 쪼갠 것을 로딩하도록 해서 초기 로딩 시간이 너무 길어지지 않도록 함.코드가 하나의 js파일로 번들링이 되어 있으면 초기 로딩시간이 길어

2022년 4월 7일
·
0개의 댓글
·

State management

하나의 상태를 여러 개의 스크린/컴포넌트에서 사용해야한다면?state managemen를 사용하지 않을 경우, 상위 컴포넌트에서 상태를 만들고 하위 컴포넌트로 props를 통해 넘겨주어야 함.(react는 단일 방향으로만 흐르도록 설계가 되어 있으니까)그런데 전달해주어

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

Jest 문서보기

jest는 babel, webpack, ts와 함께 사용가능하고 CLI환경에서도 원하는 옵션, 원하는 config파일을 지정해 테스트를 실행할 수 있다.(npm, yarn 모두 지원): Jest는 당신이 다른 방법들로 값들을 테스트하기 위해 “Matcher”를 사용주로

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

useQuery가 undefined를 리턴할 때 임시방편!

useQuery에 variables로 필요한 값을 넣어서 사용페이지가 렌더링되자마자 패치할 필요없고, 다른 query의 응답이 왔을 때 패치하면 돼서 skip:true로 두어 최초 실행을 막음의도한 시기에 fetch가 일어나게 하기 위해서 refetch함수를 받아 필

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

@export directive

@export directivehttps://blog.logrocket.com/creating-an-export-graphql-directive/

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

graphql 헤더에 토큰추가

로그인/로그아웃 기능은 RESTapi를 사용하는게 맞다는 판단이 들어서 authToken과 refreshToken을 받는 건 RESTapi 서버를 만들어 사용하기로 했다.인증과정 1) 로그인 요청 2) authToken/refreshToken 발급 3) authT

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

text editor 조사

진행하고 있는 프로젝트에서 텍스트 에디터가 필요한데 텍스트 에디터도 밑바닥부터 만들어보고 싶어서 여러 사이트의 텍스트 에디터를 찾아보았다.react-rich-text-editor : https://github.com/RajnishKatharotiya/react

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

React 만들 것

기초 탄탄히!1\. 게시판글 등록(form, validation)파일등록(드래그앤 드랍 필수)파일다운로드 & 다운로드 프로그래스바 표시댓글CRUD영상 스트림(socket, webrtc...)실시간 채팅(socket)신청 & 관리수치 => 그래프화(D3)신청내역 파일화(

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