웹개발 기초 강의 어제 못들었던걸 마무리하고 과제를 하면서 배웠던내용을 정리 및 복습했다

프레임워크란 ?

*이미만들어진 개발 구조
우리가 석기시대부터 진화하여 이룬것들 지금세대에 누리듯이 개발자들도 아에 처음부터 시작하지않기위해서 기본구조를 제공해놨다.

EX)집을지을때 땅고르고 벽돌이나 문같은걸 다 설계하고 해야하지만, 프레임워크가 뼈대를 만들어놔 내부만 꾸밀수있게 도와준다

프론트엔드 대표적인 프레임워크

REACT - 가장많이사용
Vue.js - 배우기쉬워서 초보자에게 인기가많지만 후발주자
Svelte - 최근떠오르는기술이지만 사용자가 많이없음

백엔드 대표적인 프레임워크

Sping -안정성과 신뢰도가 높고 생태계가 매우 거대하다
Django/python - 문법이 간결하여 개발속도가 빠름,데이터분석/AI분야
node.js - 빠른속도,실시간처리 채팅관련에 많이 채택

데이터 베이스

1.양속성(Durability)
2.구조화(Structure)
3.동시성(concurrency)
4.무결성/일관성(Intergrity/Consistency)
5.질의(Query)

DBMS (Database Management System)라고 부르며 두가지방식으로 나뉜다

RDB

mysql,PostgreSQL,Oracle 등
구조화된 관계바탕으로 데이터를 관리한다
일관성과 명확성이 좋다 ( 은행,쇼핑물,예약시스템)

NoSQL

Firebase Firestore, MongoDB, Redis 등
데이터를 자유롭게 저장한다 매우빠른속도와 유연한확장성이 장점
빠른개발을할때 유용하다 (SNS,로그 데이터)

AI를 통한 공부

1.명령 (Task): AI에게 무엇을 할지 명확히 지시하기
2.맥락 (Context): AI가 오해하지 않도록 배경 상황 설명하기
3.페르소나 (Persona): AI에게 '10년 차 시니어 개발자' 같은 전문가 역할을 부여하기
4.예시 (Example): AI에게 모범 답안을 보여주어 따라하게 만들기
5.포맷 (Format): AI가 어떤 형식(예: 표, 리스트)으로 답해야 할지 지정하기
6.어조 (Tone): AI가 어떤 말투(예: 전문가처럼, 친절하게)로 답해야 할지 지정하기

AI에게 잡아먹히는 개발자가아니라, 이용할수있는 개발자가 되자

다음은 오늘 과제중 해맸던 조회기능 코드에 일부

오늘의삽질

목서버를 통해 리스폰받은 데이터들을 카드로 만들어야하는데, 내가 생각했던건
카드를 나열하고 수정,삭제버튼을 두워서 단건조회,수정(모달창),삭제를 모두 진행하려고했었는데
리스폰 받은 데이터를 제대로 나열하지못해서 많이 해맷던거같다 async 없이 function만 썼다가 자꾸 새데이터가 안보여서 배열이안되는건지 로딩이안되는건지 찾아보다가 비동기함수를 찾아서 쓰니 작동됐다 자바스크립트쪽 동작구현방식은 알겠는데 아직도 제대로쓰지못하는 함수들이나 요약어들이 많은거같다

그래도 뭔가 과제를 하면서하니까 복습한번씩더하면서 이해도 조금씩 되는거같고 더 찾아보려고하는것도 있는거같다