-
Notifications
You must be signed in to change notification settings - Fork 8
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[kkangmen] 프론트엔드 2주차 과제 제출합니다. #2
base: main
Are you sure you want to change the base?
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
코드에 군더더기가 없어서 깔끔하네여 딱 명세에 맞게 깔끔하게 작성하신거 같습니다! 이제는 뭔가 추가 미션이나, 다른 기능들을 직접 써보시면 더 빠르게 성장하실 수 있을거 같아여 수고하셧습니다~
프론트엔드 (Front-end) | ||
|
||
✅ 사용자 인터페이스 : 프론트엔드는 사용자가 직접 상호작용하는 부분입니다. 웹 페이지의 레이아웃, 디자인, 인터랙션 등을 담당합니다. | ||
|
||
✅ 테크놀로지 : HTML, CSS, JavaScript 등의 언어와 라이브러리(예: React, Angular, Vue.js) 또는 프레임워크를 사용합니다. | ||
|
||
✅ 클라이언트 : 프론트엔드 코드는 사용자의 브라우저에서 실행됩니다. | ||
|
||
✅ 데이터 표시 : 프론트엔드는 백엔드에서 받은 데이터를 사용자에게 표시하고, 사용자의 입력을 백엔드로 전달합니다. | ||
|
||
백엔드 (Back-end) | ||
|
||
✅ 서버와 데이터 처리: 백엔드는 데이터베이스와 서버 로직을 관리합니다. | ||
데이터의 CRUD(Create, Read, Update, Delete) 작업을 담당하며, 비즈니스 로직을 처리합니다. | ||
|
||
✅ 테크놀로지: 백엔드 개발에는 Python (Django, Flask), JavaScript (Node.js), Java (Spring), Ruby (Ruby on Rails), PHP (Laravel) 등 다양한 언어와 프레임워크가 사용됩니다. | ||
|
||
✅ 서버 측: 백엔드 코드는 서버에서 실행됩니다. 서버는 클라이언트의 요청을 받아 적절한 응답을 제공합니다. | ||
|
||
✅ 데이터 저장: 대게 RDBMS(예: MySQL, PostgreSQL)나 NoSQL(예: MongoDB, Cassandra) 데이터베이스를 사용해 데이터를 저장하고 관리합니다. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
해당 내용을 이론적뿐만 아니라 실제로 어떤 과정을 거쳐서 소통하는지에 대해서 조금더 알아보면 좋을거 같아여
프론트엔드가 정보를 어떻게 요청하고, 어떻게 받아와서 가공하며 백엔드에서는 요청받은 내용을 어떤 절차로 처리하는지에 대해서 대략적인 이해가 생긴다면 조금더 편하지 않을까 싶습니당
@@ -0,0 +1,276 @@ | |||
## 동기 vs. 비동기 |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
동기 비동기 관련해서 굉장히 자세하게 정리하셨네요! 실제로 프로젝트 들어가게 된다면 동기/비동기에 대한 개념이 잡혀있지 않으면, API 호출하는 부분에서 약간 문제가 발생할 수도 있습니당 실전적으로 활용 많이 해보면서 연습해야 해요!
posts.map((post) => { | ||
console.log(post.title); | ||
}); | ||
}); |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
map 메소드도 좋지만, map의 경우는 결과가 참인 경우들만 모아서 배열로 반환도 해줍니당 물론 실행했을 때는 문제 없지만 forEach를 사용하는게 문맥적으로 더 나을거 같아요!
import ocean from "./ocean.jpg"; | ||
|
||
function Picture() { | ||
return <img src={ocean} alt="사진" width="100%"></img>; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
alt까지 사용하신게 인상깊네여 alt가 왜 필요한가?에 대해서 SEO라는걸 공부해보신다면 재밌습니당
No description provided.