React

라이브러리와 프레임워크에 차이사용자 UI를 만들기 위한 js 라이브러리가상돔을 통해 UI를 자동으로 업데이트 해준다!즉, 데이터가 바뀐 부부만 재 랜더된다 라고 생각하면 된다.(Libary)지속적으로 데이터가 변화하는 대규모 앱을 구축하는것을 목표로 2013년 face

생태계가 활성화 되어있다.리엑트에는 가상돔이 있어서 필요한 UI만 바뀌기 때문에 최소단위로 움직이기에 상대적으로 빠르다!CRA를 쓰기위해 필요한 두가지Node.js & npmcra가 node.js 패키지로 만들었기 때문에 설치한다!ex)바벨,웹팩 등 !시작하는 입문자로

리엑트 State와 Props를 배워보자!

오늘 하루주말 늦잠스터디 카페state로 활용한 로그인 버튼 활성화 해보기저녁 먹고 미션완료인라인 스타일로도 줄 수 있지만, 좋지 않은 코드? 라고 하셔서 클래스 네임으로 변수를 사용해 조작했다!!!삼항연산자로 id와 pw 둘다 0이 아니면 진한파랑으로 바뀌게했고,

한 글자 아닌 아이디가 @ 포함,pw가 5글자 이상일 경우 로그인 페이지 성공!한 글자 하는것도 힘들었는데 조건에 따라 구현하는게 정말 어렵지만 꾸역꾸역 해결 해서 뿌듯하군아직 코드 리뷰를 받지 않은 상태지만 내가 쓴 코드를 다시 한 번 정리 해보자!!React는 St

위스타그램 메인 댓글 부분 구현을 해 왔다.. 많은 과정들과 힘듬이 있었지만 나만의 블로그로 정리를 다시 해봐야겠다.댓글 추가댓글 삭제

반복되는 컴포넌트를 목데이터(가짜데이터)로 이용해서 재사용이 가능하고,백엔드 API를 기다리는게 아닌 먼저 기획에 맞게 구현되는지 확인이 가능하다그러고 나면 백엔드랑 소통도 더 잘 될 것이다.js방식으로 배열 데이터를 변수에 담고, import해서 접근이 가능하다실제

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

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