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

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

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

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

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

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

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

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

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

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

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

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

라인프렌즈 클론코딩 FontEnd.

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

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

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

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

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

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