[내일배움캠프] - DAY3 프론트엔드/백엔드 맛보기

프레임워크

프레임워크(Framework)는 코드 관리 도구라고 정의할 수 있습니다. 사용자는 프레임워크를 사용하여 정해진 틀(Frame) 안에서 빠르고 효율적이게 코드를 작성할 수 있습니다. (ex: 밀키트)

 

프레임워크의 장점

1. 컴포넌트(Component): 한 번 만든 컴포넌트를 사용하면 코드 재사용이 용이합니다. 이는 개발자가 반복적인 기능 구현에 시간을 낭비하지 않고 비즈니스 로직에 집중하게 하며, 구조화된 코드를 통해 협업 및 확장성을 높여 전반적인 소프트웨어 품질과 개발 속도를 향상시킵니다.
2. 상태 관리(State Management): 상태(State)는 웹 사이트가 기억해야할 데이터입니다. (ex: 로그인 여부, 장바구니, 좋아요 개수) 따라서 프레임워크가 알아서 화면을 자동으로 업데이트 해주면서 개발자가 비즈니스 로직에 집중할 수 있게 해줍니다.

 

이전 시간에 공부했던것 처럼 프론트엔드는 사용자가 보고, 클릭하고, 입력하는 모든 화면을 담당합니다. 우리가 웹을 만들 때 HTML, CSS, Javascript만으로 구현하다 보면 프로젝트 규모가 커질수록 코드가 복잡해지고 관리하기가 어려워집니다. 프론트엔드 프레임워크를 활용하면 이러한 복잡함을 줄일 수 있고, 더 효율적으로 개발을 할 수 있습니다.

 

프론트엔드 프레임워크

• React
• Angular
• Vue.js
• Svelte
• Jquery

---

백엔드 맛보기

백엔드는 사용자의 요청을 받아 데이터를 처리하고, 필요한 결과를 다시 프론트엔드로 전달한다는것을 이전 시간에 배웠습니다, 데이터베이스, 인증, 비즈니스 로직은 대부분 이 영역에서 처리됩니다. 프레임워크를 활용하면 이러한 작업들을 더욱 빠르고 효율적으로 개발을 할 수 있습니다. 막상 개발을 시작해보면 예외 처리, 인증, 로그 관리 같은 문제들이 계속 따라오게 됩니다. 백엔드 프레임워크는 이런 시행착오를 줄이고, 개발자가 더 중요한 문제에 집중할 수 있도록 해줍니다.

 

백엔드 프레임워크

• DJango
• Node.js
• Spring Boot
• Laravel
• Ruby on Rails

---

[오늘 배운 학습]

1. 프론트엔드/백엔드 맛보기

2. 프레임워크

 

[다음 학습 계획]

1. 효율적으로 AI활용하기