태그 목록
전체보기 (111)1일1로그100일완성IT지식(4)onchange(4)Recoil(4)atom(3)postman(3)react-query(3)&&(3)옵셔널 체이닝(2)useRecoilState(2)react hook form(2)useState(2)인자(2)매개변수(2)화살표 함수(2)redux(2).env(2)watch(2)Props(2)algorithm(1)500 error(1)instance.interceptors(1)데이터 분석 툴(1)stash(1)Beautify(1)sass loader(1)sweetalert2(1)sftp(1)process.env.REACT__APP__(1)contextAPI(1)styled-components props(1)textarea(1)map is not a function error(1)typescript(1)onClick 안 함수 2개(1)readAsDataURL()(1)get 함수(1)setter 를 Props 로 보내주기(1)text 세로 정렬(1)js 매개변수 순서(1)Event(1)ci(1)keyup(1)아이디 중복확인(1)병합 연산자(1)유저 테스트(1)button disabled(1)Client Side(1)scss(1)form - onSubmit(1)bitly(1)errors(1)substring(1)subscribe(1)component props(1)register(1)RecoilValue(1)responsive web(1)is not function error(1)Content-Type(1)social-login(1)An unexpected error occurred: error(1)image map(1)incalidataQueries(1)popup(1)compile(1)handleSubmit(1)렌더링이 되지 않는 경우(1)서버 상태 관리(1)lowcase(1)refresh-token(1)figma image import(1)for문(1)세션(1)쿠키(1)sourcetree(1)props css(1)nuxt(1)useRestRecoilState(1)단축평가(1)success/error & true/false(1)oAuth(1)QueryClientProvider(1)length(1)프론트엔드 스쿨(1)FileReader(1)event 매개변수(1)상태값 바로 업데이트(1)onRequestClose(1)server side(1)React(1)useSetRecoilState(1)blur(1)전역 상태 관리(1)Read(1)router(1)GitHub branch pattern(1)Dispatch(1)콜백 함수(1)web hosting(1)FTP(1)dotenv(1)p tag(1)Styled Component props(1)react developer tools(1)ux(1)환경변수(1)input type="file" custom(1)ref(1)parameter(1)set 함수(1)Route 없이 component 바꾸기(1)진보적인 프로덕트(1)store(1)JavaScript(1)export(1)useParams(1)react-modal(1)환경변수파일(1)formState(1)tailwind(1)Prettier(1)프로젝트 시연 영상(1)reducer(1)pointer-events(1)access token(1)CSS 세로정렬(1)selector(1)action(1)Image Upload(1)TypeError: Cannot read properties of undefined (reading 'map') error(1)switch(1)JWT(1)Spread 문법(1)redux-toolkit(1)protocol(1)Saga(1)Props 로 함수 전달(1)thunk(1)commit message type(1)watch.~~~.length(1)bootstrap(1)default(1)MVC Pattern(1)CI/CD 파이프라인(1)style-resources(1)build(1)delete(1)commit message(1)Tailwind CSS(1)jquery(1)disabled(1)queryClient.invalidateQueries(1)require("dotenv").config()(1)cd(1)useRef(1)Code Formatter(1)개발환경(1)object type(1)flux pattern(1)글자 수 세기/제한(1)중간발표 피드백(1)update(1)ReactQueryDevtools(1)middleware(1)Sass(1)styled components(1)grid-template-colums/rows(1)기획(1)reset(1)구조분해할당(1)useselector(1)focus(1)서버사이드렌더링(1)클라이언트사이드렌더링(1)line height(1)innerText(1)로그인폼(1)로컬스토리지(1)무한렌더링 오류(1)shouldFocus : true(1)e.target.value.length(1)filezilla(1)data(1)getter(1)setter(1)변수 있는 api url(1)application-json(1)백엔드 반환 에러값(1)slice(1)GitHub Commit Rules(1)OnBoard Page(1)토큰(1)CRUD(1)styled component(1)queryClient(1)css-modules(1)nullish 병합연산자(1)vertical-align : middle(1)useForm(1)resize(1)제로베이스(1)image preview(1)isLoading(1)display : grid(1)네이밍문법(1)setError(1)트래킹 코드(1)MVP(1)styled-components css(1)이미지 호스팅 사이트(1)

제로베이스 HTML/CSS 과제

내가 생각보다 더 기초가 부족하다는 사실..살면서 처음보는 코드들이 많았다..미션 4에서 진짜 환장하는 줄 알았다. 미션 4가 제일 어려웠다.늘 flex로만 레이아웃을 다뤘어서 grid를 사용해서 구현해야 하는 조건이 너무 어려웠다..background로 이미지를 표현

6일 전
·
0개의 댓글
·

1주차

나는.. 지금 프론트엔드로 직장에 다니고 있다.리액트 어드민을 7개월 정도 유지보수에 참여했고, 6월부터는 뷰를 쓸 것 같다.근데 제대로 된 개발을 해 본 적이 없다... 결함 나오면 남의 코드 유지보수도 간신히 간신히 고치고ㅠㅠ 실력적으로 뒤떨어진다.게다가 향후 뷰

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

상태값에 따라 다른 스타일 주기

조폐공사 광역 쪽 QA가 나왔는데 양이 많아서 치는 것을 도와주기로 했다.결함 중 하나가 '상태값에 따라 다른 스타일을 주라'였다.나는 styled-component css를 install 해서 이런 식으로 만들려고 했는데.. 경우의 수가 다양하다고 생각하니 어떻게 해

2023년 4월 18일
·
1개의 댓글
·
post-thumbnail

ESLint, Prettier 충돌 에러

다른 프로젝트로 인볼브 되는 줄 알았는데 다시 끌려왔다..Vue 프레임워크를 사용하게 될 줄 알고 공부하고 있었는데 실전에서는 써보지도 못하고 찍먹하고 돌아옴 ..리액트를 다시 사용하게 됐는데..그 중에서 eslint와 prettier의 들여쓰기 충돌이 있는 것을 해결

2023년 4월 5일
·
0개의 댓글
·
post-thumbnail

SASS 세팅

SASS 세팅을 하는데 우여곡절이 많았는데... 간단하게 복습 차원에서 정리해보겠다...우선 나는 NUXT 라는 것을 이용해서 파일을 만들었다.node_modules 및 package.json이 자동으로 생성되었다!하지만 node version이 14버전으로 구버전이었

2023년 3월 22일
·
0개의 댓글
·

조폐공사 admin 화면 녹화

실데이터가 전부 들어오지 않아서 기능이 제대로 작동되지 않아 보이는 불상사가 있지만..그래도 어느정도 조폐공사 화면 구현을 마쳤기 때문에 화면 녹화로 기록해보려고 한다!조폐공사 admin 화면 녹화

2023년 2월 28일
·
0개의 댓글
·
post-thumbnail

조회기간 설정

뭐부터 써야할지 모르겠으니 기능을 차근차근 적어봐야겠다..내가 처음에 구현한 것은 조회기간 설정 부분이다.전부 내가 한 것은 아니고, 팀장님께서 많이 도와주셨다.그래서 복습 겸 코드 분석 겸 정리해보고자 한다.우선 앞 부분의 날짜를 기본 날짜의 전 달 기준으로 처리해야

2023년 2월 24일
·
0개의 댓글
·
post-thumbnail

2일차 01-1

Oracle, MySQL은 회사다!MySQL을 퇴사한 사람이 --> MariaDB를 만든 것이다.Oracle이 갑자기 JAVA를 샀고\--> 사람들은 무료였던 JAVA가 유료화 되는 것이 아닌가? 불안에 떨었고\--> Kotlin, React, Vue.js 등이 나오게

2023년 2월 5일
·
0개의 댓글
·
post-thumbnail

1일차

Java Study를 본격적으로 들어가기 전, 대체적으로 이해하기 위해 기본적인 개념을 공부했다.

2023년 2월 5일
·
0개의 댓글
·
post-thumbnail

Server, Build, Web Hosting, CI/CD

환경변수들을 관리해 주는 env 파일들을 만들고, 그곳에 링크를 넣었다.우리는 local, dev, staging 3가지가 있었다.local 환경과 dev 환경이 같았고, staging 서버는 실제로 테스트 서버와 동일하게 간다고 하는 것이 일반적이라고 한다.그래서 G

2023년 2월 4일
·
0개의 댓글
·

시작하면서

깃랩에 연동되어 있는 회사 프로젝트의 코드를 공부 목적으로 부분부분 어느정도 긁어와 정리해보는 시간을 가지려고 한다.보안상 깃헙에 따로 올릴 수가 없어서 아쉽다ㅠㅠ2022년 12월부터 시작한 프로젝트로 현재 기점으로 3개월 되었다.React, TypeScript, Ne

2023년 2월 4일
·
0개의 댓글
·

'React'는 UMD 전역을 참조하지만 현재 파일은 모듈입니다.

해결방법Create React App은 버전 4에서 즉시 사용 가능한 새로운 JSX 변환을 지원하지만 사용자 정의 설정을 사용하는 경우 작성 jsx하지 않고 TypeScript 오류를 제거하려면 필요하다.typescript버전 4.1 이상react및 react-dom최

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

NextJs, Libarary vs Framework, MPA vs SPA, CSR vs SSR, React App vs Next App

NextJS 공식 문서에서는 다음과 같이 설명하고 있습니다. "NextJS는 배포(Production)"을 위한 리액트 프레임워크입니다".NexJS는 큰 규모의 리액트 애플리케이션을 더 쉽게 생산하도록 여러 가지 기능들을 제공해줍니다. 예를 들어, Routing을 위해

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

기초 다시 쌓기

개발자로 직업을 선택한 이유가 무엇입니까?: 제가 습득한 만큼 구현해낼 수 있다는 것이 좋았습니다.공부해서 알아가는 쾌감과, 해낼 수 있다는 자신감이 생겨 재미있었습니다.우리 회사에 지원한 동기가 무엇인가요?개발자로서 본인이 가진 장점 3가지를 근거와 함꼐 말씀해주세요

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

8/5 33일차

오늘은 항해 최종발표회가 있는 날이다. 그리고 실질적인 항해가 끝났다. 사실 별로 실감이 나지 않는다. 내일도 주섬주섬 일어나서 항해 출석체크를 하고 게더에 들어갈것만 같은데...완주는 했는데 잘 했는지도 의문이고...벨로그를 처음 쓸 적을 보니 바짓가랑이 잡고 완주해

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

8/1 32일차

처음 기획 단계에서 우리 팀은 css를 styled-component 를 사용하다가, 후에 tailwind 를 섞어서 쓰기로 했었다.배포 후 피드백 및 버그를 고친 후 전체적으로 tailwind css로 적용시키기로 했다.Tailwind 공식문서

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

7/29 31일차

배포 후에 이런저런 피드백이 계속해서 들어오는데, 전부 치명적인 버그들이어서손이 느린 나는 디테일적인 부분만 건드리고중대한 것은 팀장님이 맡아 해결하셨다. (ex. 회원가입 오류 등)그 중 내가 맡은 부분은 css적인 요소가 많았는데, css 이외의 기능을 고친 부분을

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

7/28 30일차

대망의 30일차!이번에 서비스를 런칭/배포했다 !!!!!!!최종 화면 디자인 FIGMA최종 팀 NOTION런칭한 홈페이지홈페이지 설문조사홍보 일러스트배포하자마자 이것저것 버그가 올라오긴 하지만 ,...그래도 3주만에 이만큼 해냈다는 사실이 (내가 한 건 마이페이지, 로

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

7/27 29일차

그동안 몸이 아파서 이틀정도 푹 쉬었다..오늘은 우리가 구현한 프로젝트를 런칭했다.사실 내가 관여한 부분은 거의 없지만..! ㅎㅎ..비틀리긴 URL을 짧게 단축시켜주는 웹사이트다.배포할 때 비틀리를 사용해서 런칭하면 유용하다고 하여 써봤다!SweetAlert 공식문서기

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

7/24 28일차

오늘의 트러블 슈팅!사실 instance.interceptors 는 너무 어려워서 내가 구현한 기술이 아니다..팀원 분께서 구현해 내셨는데, 여기서 계속 오류가 나는 부분이 있었다.여기서 다음 버튼을 누르면 다른 컴포넌트로 이동을 해야하는데, 자꾸 페이지가 강제적으로

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