데이터 엔지니어링 28기 12주차 회고록 🤍
오랜만에 적어봅니다!
연말이라 바빠 남아서 공부를 못하면서
벨로그를 적을 시간도 없었네요 ㅠㅠ
곧 미니프로젝트를 시작하거든요?
시작하기 전에 이때까지 회고를 시작해보겠습니다!
I. 배운 점 및 알게 된 점
먼저 미니프로젝트는 이번에 프론트엔드 백엔드 쪽으로 배우고 있어요.
예전에 Oracle 수업을 학교에서 들으면서 한 번 해 봤지만 ...
2학년 아깅이던 저는 발표랑 flow 구현만 맡고 ...
워낙 오라클이 쉽기두 했구엽.
아예 처음 시작해서 수업 듣는 동안에도 '이게 지금 어느 단계지?'하는 기분이었어요.
미리 말씀드리자면 지금 회고록 적고 뒤에서부터 돌아가니까
예전에 했던 것들이 새록새록 기억나면서 도움이 되네요.
꽤나 많이 배운 것 같죠? 만들어진 폴더가 ㅋㅋㅋ.
그럼 하나하나씩 정리해봐요!
사실 이번에 해커톤 경진대회 나가면서도 느꼈지만, 이게 언어인지 라이브러린지 뭔지 아는게... 단어가 좀 달라서 힘들더라구요.
제일 마지막 폴더를 보며 알아보겠습니다!
(사실 이 날에 오진 않았어서 모르는 내용이지만 같이 해 봐요)
먼저, 웹개발의 시작은 프론트엔드와 백엔드 개발로 나뉩니다. 프론트엔드 개발은 사용자가 직접 상호작용하는 부분을 다루며, 주로 HTML, CSS, JavaScript를 사용하여 웹 페이지의 구조, 스타일, 동적 기능을 구현합니다. 사용자가 웹사이트를 열면 눈에 보이는 부분이 프론트엔드에서 생성된 것입니다.
이 파일은 벡앤드 개발이 없습니다.
페이지에 html, js, md, css 파일이 있네요.
- HTML (HyperText Markup Language):
HTML은 웹페이지의 기본 구조를 정의하는 마크업 언어입니다.
웹 문서의 뼈대를 형성하며, 텍스트, 이미지, 링크, 표 등을 구조화하여 표현합니다.
예를 들어, div, p, h1과 같은 태그들을 사용하여 웹 페이지의 구조를 정의합니다.
특히 이 사진을 참고하면 도움이 많이 됩니다 ...
어떤 구조로 이루어져 있는지 러프하게 정해두는 거죠
- CSS (Cascading Style Sheets):
CSS는 HTML로 작성된 웹페이지의 스타일과 레이아웃을 정의하는 스타일 시트 언어입니다.
HTML이 문서의 구조를 담당한다면, CSS는 해당 구조를 꾸며주어 시각적인 디자인을 구현합니다.
색상, 글꼴, 간격, 배치 등의 스타일을 정의하고, 클래스 및 ID 선택자를 통해 특정 요소에 스타일을 적용합니다.
예를 들어, color, font-size, margin과 같은 속성들을 사용하여 스타일을 지정합니다.
특히나 모양을 바꾸고 싶다면 인터넷을 열심히 찾아
원하는 스타일을 찾으면 되겠네요 :)
- 이 페이지를 참고하면 css 스타일을 많이 알 수 있답니다 ~!
https://www.freecodecamp.org/korean/news/css-beoteun-seutail-hover-color-background/
- JavaScript
JavaScript는 동적이고 상호작용하는 웹페이지를 만들기 위한 스크립트 언어입니다.
클라이언트 측에서 실행되며, 웹 브라우저에서 사용자와 상호작용하면서 페이지를 업데이트할 수 있는 기능을 제공합니다.
이벤트 처리, DOM 조작, AJAX 통신, 애니메이션 등을 통해 사용자 경험을 향상시키고, 웹페이지를 동적으로 만듭니다.
예를 들어, 버튼 클릭에 반응하여 내용을 변경하거나, 사용자 입력을 받아 처리하는 등의 작업을 JavaScript를 통해 구현할 수 있습니다.
이렇게 되어 있네요. 함수를 실행시키는 코드들이 나와 있습니다.
백엔드 개발은 웹사이트의 뒷단을 다룹니다. 데이터베이스와의 상호작용, 사용자 정보의 처리, 비즈니스 로직의 실행 등을 포함합니다. 주로 서버 측 언어와 프레임워크를 사용하여 서버를 구축하고, 클라이언트 측과의 원활한 통신을 유지합니다. 이를 통해 사용자에게 제공되는 동적인 콘텐츠와 서비스를 가능케 합니다.
웹개발에서는 여러 도구와 기술이 사용됩니다. 프론트엔드 개발에서는 React, Angular, Vue와 같은 프레임워크를 사용하여 효율적인 사용자 인터페이스를 구현합니다. 백엔드에서는 Node.js, Django, Ruby on Rails 등의 프레임워크를 활용하여 데이터 처리와 비즈니스 로직을 구현합니다.
이번에 다녀온 캠프에서는 React 프레임워크랑 Node 백엔드 프레임워크를 사용하셨고, python이면 Django도 자주 쓰시는 것 같아요.
또한, 웹 개발에서는 데이터베이스 관리 시스템(DBMS)을 사용하여 데이터를 효과적으로 저장하고 관리합니다. MySQL, PostgreSQL, MongoDB 등의 데이터베이스가 흔히 사용되며, 이를 통해 사용자 정보, 콘텐츠, 트랜잭션 데이터 등을 안전하게 보관합니다.
저희는 그 중 MySQL을 이용해보았었습니다.
웹의 발전과 함께 모바일 플랫폼에 대한 대응도 중요해졌습니다. 반응형 웹 디자인이나 모바일 앱 개발을 통해 다양한 디바이스에서 웹사이트나 애플리케이션을 효과적으로 이용할 수 있도록 합니다.
마지막으로, 웹 개발은 보안과 성능 최적화에도 매우 민감합니다. SSL 인증서를 통한 암호화, 사용자 인증 및 권한 관리, 코드 최적화 등을 통해 웹사이트의 안전성과 성능을 유지하며 사용자에게 최상의 경험을 제공합니다.
III. 느낀 점
지금 정리하기 전까지는 왜 각 부분이 필요한지가 확실하진 않았어요.
그리고 그래서 팀프로젝트를 할 때 내가 부분만 맡으면 그래서 뭐가 뭐에 필요한 건지
끝까지 알지 못할 것 같아, 혼자 했던 것도 있습니다.
미니프로젝트 시행착오를 겪으며 잘 잘 해 나가겠습니다앗.
J인 척 계획을 좀 세워볼게요.
14일(목) / flow 설정, 벤치마킹
15일(금) / (지각)
16일(토) /
17일(일) /
18일(월) / 추가 기능 구현
어떤 순서로 진행돼야할지부터, 강사님께 잘 여쭤가며 마무리해보겠습니다!!
화이팅이요 >_<
