profile
Frontend Developer

Vue 개인 학습

인스턴스Vue로 화면을 개발하기 위한 단위\-> new Vue()로 인스턴스를 생성할 때 Vue를 생성자라고 함.인스턴스 옵션el: Vue가 실행될 HTML의 DOM 요소를 지정. Vue인스턴에 연결할 HTML 요소data: Vue가 관찰하는 data 객체를 지정, 변

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

[TIL] React #useReducer, useCallback, useMemo 사용

더 나은 코드 최적화를 위해 useReducer, useCallback, useMemo를 사용해보자. useReducer React 공식 문서에 따르면 useReducer는 useState를 대체할 수 있다고 말한다. useState > useState를 사용

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

자바스크립트 var let const 차이

오늘은 ES5와 ES6 차이를 두고 개념 정리를 하겠다.ES5 에서의 타입 변수varES6 에서의 타입 변수var let constES6란?ES6 객체 확장 표현식을 통해 기존 자바스크립트 객체 생성 방식보다 더 간결하고 동적으로 생성할 수 있음ES5 까지 var는 많

2021년 7월 21일
·
0개의 댓글

티클 - 프론트엔드 인터뷰

클로저란?⭐︎⭐︎⭐︎⭐︎⭐︎⭐︎⭐︎⭐︎⭐︎⭐︎⭐︎가상돔이란?⭐︎⭐︎⭐︎⭐︎⭐︎⭐︎⭐︎⭐︎⭐︎⭐︎useCallBack, useMemo 써봤나?개발 공부를 어떻게 하나?위코드를 들어간 계기?컴퓨터공학과에서 뭐 하나?

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

[ JS ] 코딩테스트, 풀고 기록하기 1일차 🧑🏻‍💻

중복되지 않는 알파벳에서 단어가 제일 긴 단어 찾기.ex) abcabcabc -> "abc", aaaaaa -> "a", abbsrf -> "srf"arr이라는 빈 배열, newStr 라는 빈 문자열을 선언하며 할당해주기 위해 선언했다.for in 문으로 지정된

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

[TIL] 웹 렌더링

유저인터렙션이 증가JS등장 !! (기능이 가능한 웹페이지) Create React application이라고 한다.아무런 초기 설정 없이 CRA를 통해 React SPA 사이트를 구현할 수 있습니다.CRA탄생 전엔 웹팩과 바벨로 초기세팅을 진행했다고 합니다.브라우저,

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

코어자바스크립트 1강 #데이터 타입

기본형 (불변값) : 숫자, 문자열, 불리언, null, undefined 등이 있음. ES6, 추가로 심볼(Symbol) 추가참조형: 객체(object), 배열(Array), 함수, 날짜, 정규표현식ES6, 추가로 Map, WeakMap, Set, WeakSet 등

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

[기업협업]Game Project 끝내며

프로젝트를 끝내며,내가 사용했던 코드, 이론적인 개념위주의 정리로 기록할 것이다.현업 개발자분과 대표님께서 설계에 방향을 피드백을 주시며,이해를 하기에 도와주셨다. 감사합니다. 👍 (게임 전문 퍼블리셔의 백 오피스 개발) 프로젝트 트리구조를 기반으로 한 컴포넌트 설계

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

기업협업 4주차 #코드리뷰

대표님 코드리뷰app.js컴포넌트 명이랑라우츠 명이랑 일치시킨다.관습적으로 스탯과 useEffect는 넣어준다.default값으로 습관적으로 넣어주도록 하자.규모가 커지면 시간이 오래 걸린다.RN 같은 경우엔 네비게이션을 기본 베이스로 세팅대표님이 주신 피드백 +작업에

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

[TIL] 기업협업 3주차

오늘이면 기업협업 3주가 끝이 난다. 여기 있는 이유는 짧은시간에 기술을 습득하기보다 더 중요한게 있다.개발문화가 어떤건지 배우며 경험할 수 있기 때문이라 생각한다.사실 기술적인 부분을 많이 배워갈 줄 만 알았지,회사체계를 더 배우는게 많았던 것 같았다.각 회사들마다

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

[TIL] 기업협업 1주차

나는 아직 Effect에 대해 정확하게 사용할 줄 모른다.그래서 정리 하고자 기록한다!Render -> Effect Callback -> Claen Up순으로 봐 보자.

2021년 4월 16일
·
2개의 댓글
post-thumbnail

[rebase] 개념 정리

2차 프로젝트에서는 깃허브를 사용해, 기존에는 commit을 많이 사용했다면,이번에는 하나의 커밋으로 병합하듯이 진행했다.그것은 바로 rebase깃은 참 무서웠다. 내가 적은 코드들이 날라갈까봐... 하면서 많이 배웠으며,많이 써보는자가 결국 두려움 없이 잘 사용할 것

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

[라인프렌즈] 1차 프로젝트 후기

라인프렌즈 클론코딩 FontEnd.

2021년 3월 29일
·
1개의 댓글
post-thumbnail

[TIL] React #Styled Components

CSS-in-JS 이고 가장 인기 있는 라이브러리 npm SASS에서는 네스팅이 가능해서 유지보수가 가능했다.하지만, 크게 유용하지 않았다. 왜냐하면?컴포넌트로 스타일도 재사용이 가능하기 때문에 styled Components 라이브러리를 이용해서 재사용을 할 수 있

2021년 3월 29일
·
0개의 댓글
post-thumbnail

[1차 프로젝트] 주소 API

_ 로그인, 회원을 마치고 결제페이지를 뒤 늦게 내 분담이 정해졌다. 결제페이지는 추가 구현으로 생각만 해둔 상태였다._ _결제페이지를 진행하려면 백엔드와 같이 진행을 해야 하는데 아쉽게도 첫 프로젝트인 만큼 완성도를 높이기 위해 기능 욕심을 버리기로 했다!_ _

2021년 3월 28일
·
0개의 댓글
post-thumbnail

[1차 프로젝트] #02 리팩토링

라인프렌즈는 네이버 기반 웹 사이트이기 때문에로그인 회원가입도 네이버 클론코딩 했다. 🙃handlePw 함수를 실행 !공백이 아니면서, 8글자 이상이면 자물쇠가 초록색으로 바뀌게aceepted는 state 빈 문자열로 선언 해주고,setState에 스트링값을 부여했다

2021년 3월 28일
·
0개의 댓글
post-thumbnail

[1차 프로젝트] 리팩토링

이번 1차 팀프로젝트에서 로그인,회원 유저에 관련된 것을 내가 분담했다.코드는 쓰는 것보다 읽히는 것이 더 많기에 가독성 좋은 코드가 좋다고 볼 수 있다.먼저 조건을 성립하게 한 다음, 백엔드에서 전달받은 것을 통해fetch함수로 그 다음 조건을 부여하기로 했다.정규식

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

[라인프렌즈] 회원가입 - 프로젝트 개념정리

라인프렌즈 네이버 회원가입을 클론코딩먼저 아웃 포커싱 했을 경우에, 안내 경고문을 alret창이 아닌문구가 나오도록 구현을 했다!state 초기값으로 무엇을 할 지 알려준다회원가입에 들어 갈 빈 문자열과 유효성 검사를 하기 위한 boolean값을 초기 false로 지정

2021년 3월 20일
·
1개의 댓글

[라인프렌즈] # 02 클론 프로젝트

step # 1 먼저 아이디 값과 패스워드 값을 빈 문자열로 state값으로 만들어줬다. idCheck 정규식표현으로 유효성 검사 할 값을 false값을 지정했다. pwCheck 유효성검사를 false로 똑같이 지정 ! 푸쉬한 코드를 성훈님께서 리뷰해주셨다. 공

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