개발자 지망생의 발전 과정 개발자 지망생의 발전 과정

React 기본 지식  1. JSX(Javascript Syntax eXtension)자바스크립트를 확장한 문법이다. React에서는 HTML을 사용하지 않고, JSX라는 HTML 비슷한 것을 이용한다.에디터를 이용해서 코딩을 하기 때문에 HTML에 맞춰 자동완성 같은 것들은 전부 똑같이 지원해준다.그냥 지금은 간단하게 리액트용 HTML이라고 생각하자. HTML과 자바스크립트와의 차이점을 하나하나 살펴보며 알아가보자  2. class 속성HTML은 class 속성을 입력할 때 class="속성명" 의 방식으로 입력한다.하지만 자바스크립트에서는 class 키워드가 존재하기 때문에 className을 사용해야 한다.에디터의 자동완성도 className으로 자동으로 해주기 때문에 특별히 신경쓸 것은 없다.  ..

React 리액트 소개, 설치하기   1. 소개 최근 만들어진 웹 사이트들을 보면, 마치 휴대폰을 보고 있는 것 같은 느낌을 준다.그만큼 편안하다는 것인데, 이렇게 앱의 느낌이 나는 웹 사이트들을 웹 앱(Wep-app)이라고 한다. 웹 앱의 장점1. 인터넷 브라우저를 기반으로 작동하기 때문에 앱을 따로 설치할 필요가 없다. 2. 앱으로 발행하는 것이 쉽다.PWA나 React-native를 이용해서 편리하게 발행할 수 있다. 3. 앱처럼 UX적으로 뛰어난 웹사이트를 구성하기 쉽다.이로 인해 실제로 웹 사이트에 따른 판매량이 다르다고 한다.   2. 설치하기HTML에다가 리액트를 직접 설치하려면 이것저것 할것도 많고 시간이 너무 오래 걸린다고 한다.따라서 node.js를 이용한 방법으로 가겠다. 1. 먼저 ..

JPA 관련해서 공부한 것까지 모두 정리가 끝났다. 취직이 아직 안되서 새 프로젝트를 하나 더 만들어야 하는데, 새로 공부한 기술들 위주로 만들어 볼 예정이다.아마 예상되는 기술 목록은 HTML, CSS JavaScript는 기본으로 가져가고,React(쓰는 곳이 많아서 배우면 무조건 좋아서),JPA(MyBatis는 저번에 써서 대체용),Redis(빠른 조회를 위해),PostgreSQL(아직 안배워서 뭐하는 건지 잘 모르는데 알아두면 좋을 것 같아서)정도 아닐까 싶다. 공부를 아직 좀 덜 해서 관련 부분들 공부가 전부 다 끝나면 시작해야겠다. 원래 집 밖으로 진짜 안나가면서 사는 사람인데최근 지인들 행사가 너무 많았어서 많이 불려다녔는데 이제 진짜 집중해서 공부할 수 있겠다...

JPA QueryDSL 프레임워크 - 4 스프링 데이터 JPA와 Querydsl  1. 스프링 데이터 JPA 리포지토리로 변경 스프링 데이터 JPA - MemberRepository 생성public interface MemberRepository extends JpaRepository { List findByUsername(String username);}Querydsl 전용 기능인 회원 search를 작성할 수 없다.사용자 정의 리포지토리 필요   2. 사용자 정의 리포지토리 사용자 정의 리포지토리 사용법 1. 사용자 정의 인터페이스 작성2. 사용자 정의 인터페이스 구현3. 스프링 데이터 리포지토리에 사용자 정의 인터페이스 상속  2 - 1. 사용자 정의 리포지토리 구성  2 - 2. 사용자 정의..

JPA QueryDSL 프레임워크 - 3 순수 JPA와 QueryDSL  1. 순수 JPA 리포지토리@Repositorypublic class MemberJpaRepository { private final EntityManager em; private final JPAQueryFactory queryFactory; public MemberJpaRepository(EntityManager em) { this.em = em; this.queryFactory = new JPAQueryFactory(em); } public void save(Member member) { em.persist(member); } public Optiona..

JPA QueryDSL 프레임워크 - 2 중급 문법  1. 프로젝션과 결과 반환 - 기본프로젝션: select 대상 지정  프로젝션 대상이 하나List result = queryFactory .select(member.username) .from(member) .fetch();  튜플 조회프로젝션 대상이 둘 이상일 때 사용com.querydsl.core.TupleList result = queryFactory .select(member.username, member.age) .from(member) .fetch();for (Tuple tuple : result) {String username = tuple.get(member.us..

JPA QueryDSL 프레임워크 1. 예제 도메인 모델1 - 1. Member@Entity@Getter @Setter@NoArgsConstructor(access = AccessLevel.PROTECTED)@ToString(of = {"id", "username", "age"})public class Member { @Id @GeneratedValue @Column(name = "member_id") private Long id; private String username; private int age; @ManyToOne(fetch = FetchType.LAZY) @JoinColumn(name = "team_id") private Team team; ..

스프링 데이터 JPA (Spring Data JPA) - 3 1, 2에서 주요 기능들은 전부 설명했다. 자주 쓰이진 않지만 일단 소개해둘 기능들이 있어서 간단하게 요약만 하겠다.   1. Specifications (명세)책 도메인 주도 설계(Domain Driven Design)는 SPECIFICATION(명세)라는 개념을 소개스프링 데이터 JPA는 JPA Criteria를 활용해서 이 개념을 사용할 수 있도록 지원*별로 추천하지 않는 기능*  술어(predicate) 참 또는 거짓으로 평가AND OR 같은 연산자로 조합해서 다양한 검색조건을 쉽게 생성(컴포지트 패턴)예) 검색 조건 하나하나스프링 데이터 JPA는 org.springframework.data.jpa.domain.Specification ..