본문 바로가기

전체 글21

라이브러리와 프레임워크의 차이점 웹개발을 배우다 보면 "React는 라이브러리야", "Vue는 프레임워크야"라는 말을 듣게 됩니다.그런데 정작 라이브러리와 프레임워크가 뭐가 다른지 명확하게 설명하기는 어렵죠심지어 경험 있는 개발자들도 이 두 용어를 헷갈려 하는 경우가 많습니다.오늘은 이 두 개념을 실생활 예시로 쉽게 알아보겠습니다. 라이브러리란?내가 필요할 때 가져다 쓰는 도구 상자집에서 가구를 조립한다고 생각해봅시다.도구 상자에는 드라이버, 망치, 렌치 등 다양한 도구가 들어있습니다.나사를 조일 때는 드라이버를 꺼내 쓰고못을 박을 때는 망치를 꺼내 쓰고볼트를 조일 때는 렌치를 꺼내 씁니다.중요한 점은 내가 언제, 어떤 도구를 사용할지 결정한다는 것입니다.도구들은 가만히 상자에 있다가 내가 부를 때만 나와서 일을 도와줍니다. 라이브러리.. 2025. 6. 19.
API란 무엇인가? 웹 개발에 입문하면 API (Application Programming Interface)라는 단어를 많이 보고 듣게 됩니다API라는 용어를 처음 들으면 어렵게 느껴질 수 있지만사실 우리는 일상생활에서 이미 API를 수 없이 사용하고 있습니다 그래서 API가 도대체 무엇인가?서로 다른 프로그램이 대화할 수 있게 해주는 통역사 쉽게 생각해 위와 같이 설명할 수 있습니다마치 한국어를 하는 사람과 영어를 하는 사람 사이에 통역사가 있어야 소통할 수 있는 것처럼프로그램들도 API라는 통역사를 통해 정보를 주고 받습니다 실생활 속 API 사용 예시1. 배달 앱에서 지도 보기배달의민족이나 쿠팡이츠 같은 배달 앱을 사용할 때, 내 위치나 음식점 위치를 지도로 볼 수 있습니다이때 배달 앱이 직접 만든 지도를 사용.. 2025. 6. 18.
[Spring] @Value 어노테이션 사용법EL표현식으로 읽어오고자 하는 값을 입력한다.예제에서는 application.yml에 작성한 이메일 발신자의 메일주소를 필드에 주입하기 위해 사용했다.@Value("${spring.mail.username}")private String senderMail;주의사항1. import 주의@Value를 import 할 때 두가지 라이브러리를 제안해준다 lombok.Value를 import하면 cannot find symbol method value() 라는 컴파일 에러가 발생한다.springframework의 annotation.Value를 import하여 사용해야한다.2. static 필드에 사용불가static 필드에 사용시 null 값이 반환된다. 2024. 11. 7.
[JavaScript] 배열의 map() 과 filter() map() 과 filter()는 자바스크립트 배열 객체의 메서드이다. # map()map() 함수는 배열의 길이만큼 반복하며 파라미터로 전달된 함수에 배열의 각 요소를 적용하여 사용할 수 있다.const numbers = [1, 2, 3, 4, 5];const funcMap = numbers.map((num, idx) => { return num + 5;}console.log(funcMap) // [6, 7, 8, 9, 10] # filter()filter() 함수는 파라미터로 전달된 함수의 조건을 만족하는 값만 추출하여 새 배열을 반환한다.concat() 함수처럼 기존 배열은 유지한채 새로운 배열을 반환하는 불변성을 갖는다.const numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, .. 2024. 7. 23.

티스토리툴바