프론트엔드7 바이브 코딩 프론트엔드 개발자의 운명은...최근 AI가 장착된 여러 개발 툴들이 소개되면서, 바이브 코딩이라는 새로운 트랜드가 등장한 것을 보았다. 스레드에서도 자주 접하는 단어였는데, 대체 바이브 코딩이 뭐길래 이렇게 다들 열광하는 걸까. 그리고 프론트엔드 개발자의 운명은 어디로 흘러가는가? 정말 미래에는 프론트엔드 개발자가 사라지는 걸까?바이브 코딩의 기원https://madhukarkumar.medium.com/a-comprehensive-guide-to-vibe-coding-tools-2bd35e2d7b4f대체 이게 뭔지를 찾아보는 도중에, 재미난 포스트를 찾았다. Vive coding이라는 단어(?)의 기원을 찾아가는 포스트였다. 처음 이 단어가 만들어진 곳은 X(구 파랑새 sns)에서 어떤 사람이 AI 개.. 2025. 6. 1. 1월 프론트엔드 개발자 뉴스 #2 해당 1월 뉴스레터들은 대부분 2024를 마무리하는 취지로 작성된 글들이 많이 보인다. 그 중에서도 조금 생소하거나 흥미로운 주제들을 몇가지 정리하여 작성해둔다. 해당 뉴스레터는 지난번 Medium 게시글을 참고한 것과 달리 Javascript Weekly에서 보내주는 에디터픽 게시글들을 참조했다. 자세한 내용까지는 작성하지 않고, 전체적으로 어떤 내용이 주를 이루는지만 살필 것이다.1월 뉴스레터https://javascriptweekly.com/issues/718https://javascriptweekly.com/issues/719https://javascriptweekly.com/issues/720 Javascripthttps://risingstars.js.org/2024/en#section-fram.. 2025. 1. 26. 도커 환경변수 외부 주입 (with Next14) 시작하기...일전에 프론트엔드 배포 환경을 도커 컨테이너 기반으로 변경하는 일이 있었다. 현재는 무사히 테스트 작업이 끝나 정식 배포가 진행되었지만 여전히 아쉬운 문제가 하나 남아있었다. 바로 '도커 이미지 재사용'에 대한 문제였다. 대부분의 회사에서는 테스트 서버와 production 서버를 분리하여 운영하는 일이 많다. 그리고 당연하게도 테스트 환경과 배포 환경의 차이점이라면 주입되는 환경변수가 다르다는 정도일 것이다. (환경변수 이외의 코드가 다를 경우에는 테스트의 의미가 없어져버리지 않을까....) 현재 우리는 코드를 병합하면 자동으로 이미지를 생성하고 EC2에 올라가 배포를 원하는 시점에 해당 이미지로 대체되어 운영된다. 하지만 여기서 이상한 점이 있다. 결과적으로 우리의 dev 이미지와 QA.. 2025. 1. 13. Next14 Prerendering 성능 개선의 딜레마종종 여러 인프라 개선을 위해 무언가를 적용해 보면, 꼭 기존에 사용하던 장점을 버려야 하는 경우가 발생한다. 프레임워크나 라이브러리의 한계라고도 볼 수 있을 것 같다. 블로그에도 추후 다루게 될 이슈이기도 하지만, 최근 이러한 개선과 관련된 업무를 진행하는 과정에서 Next14 프레임워크의 여러 세밀한 기능적 부분에 대해 충분한 이해가 없으면 해결하기 쉽지 않은 이슈에 봉착했다. 그 중 하나는 Next14의 Prerender였다. 물론 이외에도 생각보다 내가 제대로 이해하지 못한 부분이 여전히 많다. 업데이트 할 떄 마다 확확 바뀌니.... 살려줘이슈 내용은 다음과 같다. 현재 특정 태그를 API로 불러와 처리해야 하는 방식으로 변경할 경우, Prerendering을 사용하지 못한다는.. 2025. 1. 1. 기술 면접 준비 - React (5) 完 라이브러리와 프레임워크의 차이라이브러리는 특정 목적을 수행하기 위해 개발됨. 제어권이 개발자에게 있음프레임워크는 건축 설계도를 그릴 수 있는 도구와 같은 목적으로 개발됨. 제어권이 개발자에게 있지 않으며, 프레임워크의 규칙을 따라야 함.리액트를 선언형 프로그래밍이라 하는 이유는? 프로그래밍 패러다임에 대해(선언형 vs 명령형)프로그래밍 패러다임은 프로그래머에게 프로그래밍의 관점을 갖게 하고 코드를 어떻게 작성할 지 결정하는 역할을 한다. 새로운 프로그래밍 패러다임을 통해서 새로운 방식으로 생각하는 법을velog.io 선언형어떤 로직으로 어떻게 코드를 짜야 페이지가 그려질 수 있는지에 대하여 생각하기 보다, 컴포넌트나 데이터의 배치를 통해 무엇이 렌더링될지에 대해 고려하는 것이 선언형 ui의 특징이다. R.. 2024. 6. 29. 기술 면접 준비 - Typescript 기본 (4) 다형성디형성이란 제네릭과 같이 특정 객체가 하나의 타입이 아닌 여러 가지 타입으로 표현될 수 있어서 재사용 가능한 형태로 구현될 수 있는 것을 말한다.대표적 예시:제네릭 : 데이터 타입을 일반화한 것으로 선언 시점이 아니라 생성 시점에 타입을 명시하여 다양한 타입을 사용할 수 있도록 하는 기법이다.오버라이드 : 오버라이드는 상위 클래스의 메서드를 하위 클래스에서 재정의하는 것을 말한다. 메서드의 이름과 파라미터 개수, 타입이 동일해야 한다. 주로 상위 클래스의 동작을 상속받은 하위 클래스에서 변경하는 용도로 사용된다.오버로딩: 같은 이름의 메서드나 생성자를 여러개 정의하는 것을 말한다. 이름은 같지만 매개변수의 개수나 타입이 다르게 정의된다.타입 시그니쳐란 무엇인가function functionName .. 2024. 6. 24. 이전 1 2 다음 728x90 반응형
