![]()
변수와 상수// 1. 변수// 반드시 초기화해야하는 것은 아님..let age = 27;console.log(age);age = 30;console.log(age);// 2. 상수// 한 번 선언되면 값을 바꿀 수 없기 때문에, 선언과 동시에 초기 값을 할당해야 한다.// 반드시 초기화가 되어야 함..// const birth = "1996.01.01";// 3. 변수 명명규칙(네이밍 규칙)// 3-1. $,_ 제외한 기호는 사용할 수 없다.let $_name;// 3-2. 변수의 이름은 숫자로 시작할 수 없다.let name1;let _2name;// 3-3. 예약어를 사용할 수 없다.// 자바스크립트가 이미 쓰고 있는 것.// let let// 4. 변수 명명 가이드let a = 1; // 이런건 ..
한/영 변환 기능을 구현하며 몇 가지 깨달음을 얻었다.처음에는 "화면이 내가 원하는 대로만 보이면 된다"는 생각으로 작업을 시작했다. 그래서 MUI에서 제공하는 컴포넌트 중 Breadcrumbs 디자인이 마음에 들어 선택해서 활용했다. 그러나 Breadcrumbs는 단순히 디자인 요소가 아니라 "내비게이션 경로"와 같은 순서를 내포하는 의미를 가지고 있었다. 예를 들어, 내폴더 > 다운로드 폴더처럼 사용자가 경로를 따라 이동하는 구조를 나타냈다.이를 통해 컴포넌트를 선택할 때 단순히 디자인만 고려할 것이 아니라, 해당 컴포넌트가 가진 의미와 역할까지 이해하고 활용해야 한다는 점을 깨달았다. 내가 구현하고자 했던 것은 단순히 한국어/영어 변환 기능으로, 사용자가 한국어나 영어를 선택할 수 있는 기능이면 충..
![]()
서버사이드 렌더링, 클라이언트 사이드 렌더링 SSR - 서버 사이드 렌더링- HTML 최종 결과를 서버에서 마늘어서 웹브라우저에 전달- 주로 정적인 화면에 사용- 관련 기술 : JSP, 타임 리프 -> 백엔드 개발자 CSR - 클라이언트 사이드 렌더링- HTML 결과를 자바스크립트를 사용해 웹 브라우저에서 동적으로 생성해서 적용- 주로 동적인 화면에서 사용, 웹 환경을 마친 앱 처럼 부분부분 변경할 수 있음- 예) 구글지도, Gmail, 구글캘린더- 관련 기술 : React, Vue.js -> 웹 프론트엔드 개발자 참고- React, Vue.js를 CSR + SSR 동시에 지원하는 웹 프레임워크도 있음- SSR을 사용하더라도, 자바스크립트를 사용해서 화면 일부를 동적으로 변경 가능
![]()
웹 서버(WEB), 웹 어플리케이션 서버(WAS) 웹 서버(Web Server)- HTTP 기반으로 동장- 정적 리소스 제공, 기타 부가기능- 정적(파일) HTML, CSS, JS, 이미지, 영상- 예) NGINX, APACHE$ 웹 어플리케이션 서버(WAS : Web Application Server)- HTTP 기반으로 동작- 웹 서버 기능 포함 + (정적 리소스 제공 가능)- 프로그램 코드를 실행해서 애플리케이션 로직 수행 - 동적 HTML, HTTP API(JSON) - 서블릿, JSP, 스프링 MVC- 예) 톰캣(Tomcat), Jetty, Undertow 웹 서버 vs. 웹 애플리케이션 서버(WAS)- 웹 서버는 정적 리소스(파일) / WAS는 애플리케이션 로직- 둘의 용어..
![]()
https://songkg7.tistory.com/81 @JsonNaming 사용 (springboot 2.5.3 ~)영화 정보를 가져오는 OMDb API 를 사용해보던 중에 DTO로 정보를 처리하고 있었다. 이 과정에서 약간의 문제가 있었는데, 평소 나는 camelCase 방식을 사용하여 프로젝트를 작성하지만 api에서는 앞글songkg7.tistory.com위의 게시글을 그대로 가져왔습니다.. 영화 정보를 가져오는 OMDb API 를 사용해보던 중에 DTO로 정보를 처리하고 있었다.이 과정에서 약간의 문제가 있었는데, 평소 나는 camelCase 방식을 사용하여 프로젝트를 작성하지만 api에서는 앞글자를 대문자로 JSON 데이터를 제공하고 있다.{ "Title": "Frozen", "Year..
![]()
@NotFound(action = NotFoundAction.IGNORE) 와 @NotFound(action = NotFoundAction.EXCEPTION) 이렇게 두가지가 있다. 먼저 IGNORE 옵션은 아래 설명에도 나와 있듯이 존재하지 않더라도 무시하는 것이고 EXCEPTION 옵션은 EntityNotFoundException을 발생시킨다. EXCEPTION 옵션을 설정하지 않았더라도 해당 옵션이 디폴트 값이기 때문에 따로 설정하지 않으면 Exception이 발생하는 것이다. 그러니 해당 예외를 발생시키지 않고 싶다면 IGNORE 옵션 설정을 해주자. 디버깅을 해보면 해당 엔티티에 다음과 같이 exception이 발생했다고 알려준다. @NotFound(action = NotFoundAction...
https://pixx.tistory.com/391 @SQLDelete(sql = "UPDATE AST_ATTR_ELEMENTS SET IS_DELETED = 1 WHERE AST_ATTR_ELEMENT_ID = ?")@SQLRestriction("IS_DELETED = 0") 개요이번 프로젝트에서는 모든 조회 및 검색에서 is_deleted가 false인, 즉 논리적으로 삭제되지 않은 데이터만을 처리하도록 요구하고 있습니다. 이를 해결할 수 있는 방법은 다양합니다. 예를 들어, 단순히 Repository에 조건을 추가하는 방법, @Query 어노테이션을 활용하는 방법 등이 있습니다. 하지만 이번 기회에 새롭게 알게 된 @SQLRestriction 어노테이션에 대해 공부한 내용을 정리하고자 합니다...
스프링 부트 JPA - @PrePersist, @PreUpdate 개념@PrePersist 및 @PreUpdate는 Entity가 Persist(데이터베이스에 삽입) 또는 Update(데이터베이스에 수정)되기 전에 JPA Provider가 자동으로 실행해야 하는 메서드를 지정하는 데 사용되는 JPA(Java Persistence API)의 어노테이션(Annotation)입니다.@PrePersist@PrePersist 어노테이션은 Entity가 영속화되기 직전에 실행되어야 하는 Entity 클래스의 메서드를 표시하는 데 사용합니다. 이 메서드는 Entity가 데이터베이스에 저장되기 전에 JPA Provider에 의해 자동으로 호출됩니다.@PreUpdate@PreUpdate 어노테이션은 데이터베이스에서 ..
https://medium.com/@heoh06/%EB%A6%AC%EC%95%A1%ED%8A%B8-redux%EC%99%80-%EC%82%AC%EC%9A%A9%EB%B2%95-731853fc3cd4 [리액트] Redux와 사용법React 상태관리 라이브러리 Redux의 설명과 사용법medium.com https://techblog.woowahan.com/2599/ React에서 Mobx 경험기 (Redux와 비교기) | 우아한형제들 기술블로그안녕하세요 딜리버리플랫폼팀 김찬정입니다. 이 글의 목적 React와 함께 사용하는 State(상태)관리 라이브러리중 가장 많이 사용되고 있는 Redux와 또 다른 라이브러리인 Mobx를 직접 사용하여 개발techblog.woowahan.com
1. GitHub설명GitHub는 전 세계에서 가장 널리 사용되는 Git 기반 코드 호스팅 플랫폼으로, 오픈소스와 상업 프로젝트를 모두 지원합니다. Microsoft가 소유하고 있습니다.주요 특징커뮤니티 중심: 방대한 오픈소스 프로젝트가 존재하며, 개발자들이 활발히 참여.GitHub Actions: CI/CD 파이프라인 구축 및 자동화 도구 제공.인터페이스: 직관적이고 사용이 편리하며 초보자에게 적합.Marketplace: 확장 기능과 통합 도구 제공.코드 리뷰: 풀 리퀘스트(PR)와 코드 리뷰 기능이 강력.장점다양한 통합 옵션 제공 (Slack, Trello, Jenkins 등).방대한 사용자 기반과 커뮤니티 리소스.학습 자료와 튜토리얼이 풍부.무료 플랜에서도 비공개 저장소 제공.단점완전한 셀프 호스팅..
