Babel과 JSX Babel 이란? | Babel is Javascript compiler Bable은 javascript로 결과물을 만들어 주는 컴파일러다.(트랜스 파일러라고 하는 곳도 있음) 왜 Javascript로 변환하는 과정이 필요할까? 프론트엔드는 빠르

ReactJs & Express를 이용한 웹 어플리케이션 개발하기 배우게 될 것 Redux와 Webpack Express ES6 MongoDB,Mongoose 전화번호부 카운터 무한 스크롤형 메모패드 JavaScript 어플리케이션을 어떻게 구조화할까? 프레

두번째 에러spring.jpa.hibernate.ddl-auto=create-drop참고 : https://jojelly.tistory.com/83

페어프로그래밍프로젝트 관리 페이지추가 기능 아직 미정현재 우리 조는 MVP를 완료하고 배포를 앞두고 있다.FE와의 API 트러블 슈팅추가적인 기능을 설계하기 위해 다른 팀원과 API설계를 만들고, ERD를 작업했다.PROJECT와 PROJECTMANAGE 1차로 구축한

Element 'beans' cannot have character children, because the type's content type is element-only.이 에러의 경우 원인이 3가지 있을 수 있다.인텔리제이 상에서의 문제 \* 껐다 켜기!오타어딘가

spring Validation을 이용한 유효성 검증애플리케이션을 만들 때 검증 오류가 발생한다면, 오류화면으로 바로 이동한다.그럴 경우 사용자는 처음부터 다시 폼을 이용해야하는데 번거로움을 느껴 사용자는 금방 떠나버릴 것이다.웹 서비스는 폼 입력시 오류가 발생하면,

기획자가 화면에 보이는 문구가 마음에 들지 않는다고 '상품명'이라는 단어를 모두 '상품이름'으로 고쳐달라고 하면 어떻게 해야할까?여러 화면에 보이는 상품명, 가격, 수량 등 label에 있는 단어를 변경하려면 모두 찾아 변경해야하는 번거로움이 있다.왜냐하면 해당 HTM

Java Basicsloops,Array,StringOOPS conceptsCollections and GenericsException HandlingMulti-threadingFunctional programming(Java 8)File I/OData Structur

Basic knowledgeLearn for school, workplace, by yourselfMathematics, PhysicsProgramming languageAlgorithm,Data Structure, Design PatternsGraphics,Datab

ERD 작성

RestAPI API설계를 하기위해 프론트엔드와 백엔드 회의를 통해 3시간이 넘게 회의를 진행했습니다. 와이어프레임 와이어 프레임 코드컨벤션 jacoco https://techblog.woowahan.com/2661/

CI/CD란?CI는 간단히 요약하자면 빌드/테스트 자동화 과정 과정입니다. CI는 개발자를 위한 자동화 프로세스인 지속적인 통합(Continuous Integration)을의미합니다. CI를 성공적으로 구현할 경우 애플리케이션에 대한 새로운 코드 변경 사항이 정기적으로

항해99 멘토님의 S.A피드백에 따라 기술 챌린지에 대한 부족한 부분과 추가적으로 구성하면 좋을 기능적인 부분들에 대한 아이디어 회의를 진행했습니다.먼저 기술적으로 챌린지할 수 있는 부분이 부족하여 WebSocket을 이용한 실시간 채팅을 구현하는 것으로 정했습니다.프

본격적인 프로젝트 기획 회의가 19시부터 진행되었다.디자이너분들과 슈퍼팀원과의 어색한 첫 만남을 가졌다!자기소개도 하고, 게임도 즐겼다.(꿀잼)디자이너분들의 적극적인 아이디어와 기획 그리고 UI/UX 등의 아이디어를많이 내주셨고, 개발팀 또한 다양한 의견을 내주어 너무

과제 중 사용했던 개념들의 정리는 정리2로 대신! ㅠㅠ정말 몰랐던 어노테이션을 많이 알게되었고, 어떻게 쓰이는지 이해하게 된 시간이었던 것 같습니다.처음에 고민했던 많은 것들을 제쳐두고 구현에 집중하고자 일단은 구글링 또는 찾은 자료들을 무작정 때려놓고 시작해서 디버깅

N+1 쿼리 문제의 원인 ? Spring Data JPA에서 제공하는 Repository의 ‘findAll()’, ‘findById()’ 등과 같은 메소드를 사용하면 바로 DB에 SQL 쿼리를 날리는 것이 아닙니다. JPQL이라는 객체지향 쿼리 언어를 생성, 실행

CORS란? 교차 출처 리소스 공유(Cross-origin resource sharing, CORS), 교차 출처 자원 공유는 웹 페이지 상의 제한된 리소스를 최초 자원이 서비스된 도메인 밖의 다른 도메인으로부터 요청할 수 있게 허용하는 구조이다. CORS를 알기 전

객체는 객체 그래프로 연관된 객체들을 탐색한다.JPA 구현체들은 이 문제를 해결하기 위해 프록시라는 기술을 사용한다.프록시를 사용하면 연관된 객체를 처음부터 데이터베이스에서 조회하는 것이 아니라실제 사용하는 시점에 데이터베이스에서 조회할 수 있다.하지만 자주 함께 사용

commitcommit(커밋) 을 통해 '현재 프로젝트의 상태'을 저장하고 조회누가(author), 언제(시간), commit 시점의 파일 상태, commit 메시지 정보를 포함.push로컬 repo 의 commit 들을 원격 repo 에 반영하기(push)! 밀어넣기

SI에서 일을 할 때, 비즈니스 로직 작성을 하는 데 들이는 시간보다 대부분 MyBatis의 SQL MAPPER를 사용하면서 SQL를 다루는 시간이 많았다.JPA라는 자바 표준 ORMiBatis, Mybatis 는 ORM이 아니다.웹 애플리케이션에서 관계형 데이터베이스