웹개발일지

언제 ""와 {}를 각각 사용할까?1. 정적 값(일정한 경로) → ""이미지 경로가 고정되어 있고, JavaScript 로직이 필요하지 않을 때.tsx코드 복사"/images/tarot-cards.jpg" alt="Tarot Cards" />2. 동적 값(변수나 표현식) → {}이미지 경로를 변수로 관리하거나, 로직에 따라 경로를 설정해야 할 때.tsx코드 복사import tarotCard from "../Image/tarot-cards.jpg"; img src={tarotCard} alt="Tarot Cards" /> // 경로가 조건에 따라 달라질 경우 img src={isSpecial ? "/images/special-card.jpg" : "/images/regular-card.jpg"} alt="..

리액트 프로젝트를 열면 App.js가 있다. 처음 리액트를 마주했을 때 궁금했던 점이, js파일에 html 코드를 작성해서 띄운다는 점이었다. 원초적인 방법으로 생각해보면 html을 만들고 만든 html 파일을 불러와 띄우는 것인데, 요 App.js에 쓰여진 코드를 보아하니 App() 함수 안에서 return 함수를 사용하여 html코드들을 반환해주고 있더라. 요게 단순히 js 문법만은 아니고, 이렇게 리액트에서 html 코드를 js파일에서 사용할 수 있게 하는 JSX 문법이 따로 있다.   간단히 보면 우선 div 코드와 h4코드가 쓰였다. div태그에는 css 속성인 className이, h4태그에는 값으로 {post} 변수가 들어가 있다. 이 때, 변수를 불러와 바로 보여주기 위해 {}를 써서 연결..

스프링에서 빈을 등록하는 방법에는 Service와 Repository 외에도 두 가지가 더 있는데 그 방법에 대해 알아보자. Configuration과 Bean 어노테이션을 붙이는 방법이 있는데 이 둘은 세트여서 함께 사용해주어야 한다. @Configuration 먼저 Configuration으로 등록하는 방법이다. - 클래스에 붙이는 어노테이션 - @Bean을 사용할 때 함께 사용해주어야 한다 @Bean - 메소드에 붙이는 어노테이션 - 메소드에서 반환되는 객체를 스프링 빈에 등록한다. 이해를 위해 UserRepository에 @Bean을 사용해보자. 원래는 이렇게 @Repository 어노테이션을 통해 UserRepository를 빈에 등록했었다. 일단 그걸 지워주고, 그러고 나면 UserReposi..

컨트롤러에는 하나의 기능만을 담는 것이 좋기 때문에 컨트롤러에 있던 로직들을 서비스와, 리파지토리로 나누어 분리하였다. 1. http body를 객체로 변환(api로서의 진입지점 역할) -> Controller의 역할 2. 유저가 있는지 없는지 확인하여 예외처리 -> Service의 역할로 넘김 3. Sql 을 사용하여 db와의 통신담당 -> 저장소 Repository의 역할로 넘김 --- 컨트롤러에서 UserService를 불러와서 final로 정의하고 그것을 사용해준다 // controller @PutMapping("/user") --> api의 역할만 담음 public void updateUser(@RequestBody UserUpdateRequest request){ userService.upda..

1. CI/CD 1) 사용 요지 : 개발자가 직접 매번 코드를 수정하고 빌드, 테스트, 배포까지 하면 상당히 리소스가 든다. 이 단계들을 자동화하기 위해 CI/CD가 생겼다. 2) CI: '지속적 통합'을 의미. '지속적 통합'이란, 버전 관리 시스템에 대한 소스 변동 사항을 정기적으로 커밋하여 모든 사람에게 동일한 작업환경을 제공하는 것이다. 빌드, 테스트를 자동화해준다. CI를 성공적으로 구현할 경우, 코드 변경사항이 정기적으로 빌드 및 테스트 되어 통합된다. 이는 여러 개발자가 동시에 작업할 때 생겨날 수 있는 충돌 문제 또한 방지한다. 3) CD: '지속적 배포'를 의미. 배포과정을 자동화 해준다. 개발자의 변경사항을 리파지토리에서 고객이 사용가능한 프로덕션 환경까지 자동으로 릴리스한다. 파이프라..

Go언어는 타언어에 비해 내부패키지가 잘 갖춰져있는 편이다. http rest/api를 설계하는데에 편리했던 기억이 있다. 특히, 동시성 프로그래밍을 설계하는데 특화된 개념이 있는데 바로 go routine이다. 1. goroutine이란? 고루틴은 가벼운 스레드와 같은 것으로, 현재 수행 흐름과는 별도의 흐름을 만든다. 스레드란 무엇일까?스레드는 프로세스가 할당받는 자원을 이용하는 실행의 단위이다. 고루틴은 스레드와 본질적으로 같은 것이다. 할당 받는 자원을 이용하는 실행의 단위라는 관점에서 같다. 그렇지만 차이가 있다면 고루틴은하나의 스레드 내에서 여러 고류틴으로 나뉠 수 있다. 고루틴 하나가 Wait() 등의 함수나 channel input에 의해 막힌다면 곧바로 다른하나의 고루틴으로 스위치된다. ..