본문 바로가기

전체 글151

WIL 230813 : 리액트를 접하다. FACTS 이번 일주일 동안 있었던 일, 내가 한 일 : 기본적인 CRUD기능 구현 이후에 특강으로 제공받은 프론트엔드 구현 강의를 들었다. 자연스럽게 react라는 프론트엔드 프레임워크를 접했고, 기본적인 기능들을 익히며 함수형 컴포넌트의 동작방식도 익혔다. FEELINGS 나의 감정적인 반응, 느낌 : html의 발전역사가 엿보였다. 예전 원시적인 방법으로 프론트를 제작할 때 굉장히 비효율적이라고 생각이 들었었다. 하지만 역시 인류는 답을 찾아왔고 진화했다라는 것을 느꼈다. 함수형 컴포넌트를 사용해가며 렌더링이라는 개념으로 SPA라는 개념을 탄생시켰고, 생산성 높은 방식들을 발명해왔다라는 걸 느꼈다. 이를 배우는 과정 하나하나 동안 이러한 프레임워크를 개발한 개발자들에 대한 무한한 동경을 느끼며 배우.. 2023. 8. 17.
TIL 230811 : react 접해보기 2 (useState, hooks) 지난 시간 리액트 기본 환경세팅과 컴포넌트의 동작 구조에 이어서 리액트의 가장 기본이 되는 훅 중 두가지인 useState와 useEffect에 대해 정리해보려 한다. React hooks 리액트 훅은 16.8버전에 도입된 라이브러리로서, 기존의 클래스를 이용했던 개념을 대체해 함수형 컴포넌트에서도 이를 편리하게 사용할 수 있게 해주는 개념이다. 이에 리액트에서는 기본적으로 제공하는 hook들이 몇가지 있는데 아래와 같다. 기본 지원 hook 1. useState 컴포넌트의 state(상태)를 관리 할 수 있다. 상태에 따라, 다른 화면 출력 2. useEffect 렌더링 이후에 실행할 코드를 만들수 있다. 어떤 변수가 변경될때마다(의존성), 특정기능이 작동하도록 할 수 있다. 3. useContext .. 2023. 8. 17.
TIL 230810 : react 접해보기 1 (JSX) 특강으로 제공된 프론트엔드 내용에 react가 들어간다. 예전부터 보기는 많이 봐왔는데, 등장한 김에 react도 한번 공부해볼까 한다. vue.js 랑 고민이 좀 되긴했는데 아직은 react관련 자료도 많은것 같고 web-app 기반이라 큰 틀에서는 얼추 비슷한 내용도 있어서 react로 이어나가고자 한다. 사전 세팅 node.js 설치 (LTS추천) -> npm, npx 사용할 수 있다. create React App 라이브러리를 사용해서 기본 프로젝트를 만들어준다. npx create-react-app my-react-app react-router-dom 의존성 추가 npm install react-router-dom react 동작 기본 구조 index.html -> index.js -> app... 2023. 8. 10.
TIL 230809 : 개인점검 오늘은 깃헙 리뷰 들어온 거 수정하고 프론트 개발 강의 좀 보느라 시간이 다 지나갔다. 리액트 기초를 정리할까 하다가 개인적으로 미뤄뒀던 개인점검을 TIL을 이용해서 해보려 한다. 현재 상태 가능한 것 기본적인 구현가능 표준 자바문법 숙지 (+스트림, 람다) 스프링 문법 기본적으로 가능 ORM개념 이해. SpringDataJPA시에 내부에서 일어나는 프로세스 기본적 이해 (EntityManager, Tranaction 등) SQL DB 기본적 설계. QueryDsl Github 기본적 기능 숙지 (commit, push, remote, branch, fork, pull&request, review, wiki, label, milestone) 어설픈 개념들 쿼리문 작성 테스트코드 (여러 어노테이션 복잡함,.. 2023. 8. 10.
TIL 230808 : 코드 디테일 조금씩 살려보기 (Transactional, NoArgsConstructor(AccessLevel = PROTECTED)) 오늘은 팀과제를 하며 기본 틀이 되는 코드를 짜며 오갔던 내용 중 이유가 궁금한 것들을 두가지 정리해보았다. @Transactional (readOnly = true) DB에서 불러온 객체를 수정 하면 더티체킹으로 자동으로 수정사항을 반영해줄 수 있다. 물론, 트랜잭션을 열어줘야한다. 그정도로 알고 있었고, 추가적으로 조회시에도 (readOnly = true)를 넣어줘서 해도 좋다고 들었다. 근데 오늘 팀원이 상세하게 이유를 덧붙여서 수정 뿐만 아니라, 생성, 삭제시에도 @Transactional을 달아서 트랜잭션 환경을 열어주는 게 좋다고 했다. 이유는 롤백기능이다. @Transactional의 rollbackFor 기능 트랜잭션을 열어두면 스프링에서는 디폴트값으로 UnCheckedException과 .. 2023. 8. 8.

티스토리툴바