우리 학교는 커리큘럼 상 2-1까지는 컴퓨터공학의 교양인 각종 언어 문법, 기초 CS개념들을 다루는 과목과 수학 과목들로 이루어져 있어서 직접적인 개발 관련 공부는 따로 해야할 필요가 있었다.
1학년 : (예시) 컴퓨터공학개론(Python) C-프로그래밍(C) 대학수학(기초미적분학) 선형대수학(선택)
2-1 : (예시) 논리회로설계및실험 객체지향프로그래밍(C++) 수치해석 확률및통계
컴퓨터공학과에서 선택할 수 있는 분야는 다양하다. 웹 개발, 보안, 클라우드, AI 등등...
2학년이 되어 슬슬 여러 분야를 경험해야 할 필요성을 느꼈고 이들 중 가장 대표적인 분야인 웹 개발 분야를 경험해봐야 겠다고 생각했다.
개발 공부에는 지식적으로 습득해야 하는 것과 협업을 해보면서 습득해야 하는 것이 있다.
코드잇과 연계된 GDSC 프로젝트 트랙 프론트엔드 파트는 관련 지식을 습득할 수 있는 강의 영상을 제공해주고
참가자들과 팀을 빌딩해 프로젝트를 경험할 수 있는 프로그램이다.
지식과 협업 경험이라는 두 마리 토끼를 다 잡기 위해 해당 프로그램에 지원해 참가하게 되었다.
나처럼 웹 개발을 처음 경험하는 사람들도 참여할 수 있는 프로그램이기 때문에 커리큘럼 상 학기 중에는 웹 개발 관련 기초 강의를 수강해야 한다.
이번 달에는 웹 개발의 기본이 되는 HTML, CSS, JavaScript의 문법을 배우고 예제들을 실습해보며 간단한 웹페이지를 퍼블리싱해보았다.
코드잇 강의를 들으면서 좋았던 것은 다루는 주제마다 영상이나 과제를 짧게 나눠 놓아서 수강 후에 관련 기능을 찾아보기가 용이했다는 것이다. 또한 자체 텍스트 에디터를 제공해주어서 강의창과 텍스트 에디터를 왔다갔다 하지 않고 바로 바로 실습을 하고 실행해 볼 수 있어서 좋았다. 그리고 단순히 기능만 설명해주는 것이 아닌 표준 개발 문서 사이트를 알려주거나 학습 방식을 같이 알려주는 것이 학습자의 입장에서 좋았다.
위에서 서술한 바와 같이 이번달에는 기초 문법과 속성들에 대해 배우고 간단한 예제들을 실습하고 간단한 웹 사이트를 퍼블리싱했다. 개별적인 문법, 속성들이 어려운 것은 아니라서 처음에는 부담이 없었다. 그러나 갈수록 수많은 속성들이 쌓이고 정리가 안되면서 엉키고 최종적으로 실습과제를 할 때 어떤 속성을 먼저 적용해야 하고 어떤 식으로 문제를 해결해나가야 하는지 감이 안 잡혔다. 다행히 모범답안과 해설을 제공해주어서 참고하긴 했으나 아직까지 혼자만의 힘으로 해결하기 꽤 힘들다고 느꼈다.
시험 기간이 끝나면 그동안 배운 속성들에 대해서 언제든 원할 때 복습할 수 있게 정리해볼 필요를 느꼈고 어떤 식으로 사이트를 구성하고 디자인할지에 대한 접근 방법 역시 정리해야겠다고 생각했다. 기초 지식인만큼 한번 다져놓고 계속해서 찾아보면서 공부할 것이다.
마지막으로 깃허브 https://github.com/ 에 대해 학습할 필요성을 느꼈다. 실습 과제 코드를 제출하는데 깃허브를 사용했는데 꽤나 애먹었다. 그래도 다행히 이전에 들었던 GDSC 개발 입문 스터디에서 github 레포지토리 만들기, commit, push, pull request 등의 기능을 다뤄주었어서 그나마 시행착오를 줄일 수 있었다.
하다보니 잘못 커밋하거나 커밋 메시지를 잘못 쓰거나 등의 실수를 할 때가 있었는데 커밋 되돌리기와 같은 기능을 쓰는 법을 추가 학습해야할 필요를 느낄 수 있었다.
다음 커리큘럼은 리액트 라이브러리에 관한 것이다. 사실상 작금의 웹 개발 기술의 핵심이자 트렌드인 만큼 열심히 수강하고 익혀서 좋은 웹 개발자가 되고 싶다.
다음은 코드잇 강의를 수강하며 참고할 만한 링크나 확장프로그램을 정리한 것이다.
-표준 문서
https://whatwg.org/ HTML 표준 문서 사이트
https://developer.mozilla.org/ko/ 통칭 mdn Firefox browser 개발진 모질라 재단이 운영하는 웹 개발을 위한 문서 저장소
https://www.w3.org/wiki/Main_Page CSS 표준 문서 사이트
W3C Wiki
This wiki is for connecting the W3C communities (Web developers, implementers, people who make the W3C specifications). W3C has a formal track for making standards specifications. The specs answer a lot of questions, but not all of them. The wiki is used b
www.w3.org
https://react.dev/ 리액트 라이브러리 공식문서 사이트
-기타 웹 퍼블리싱 관련 사이트
https://fonts.google.com/ 구글 폰트
https://analytics.google.com/analytics/web/provision/#/provision 구글 애널리틱스
https://www.netlify.com/ 웹사이트 배포 지원 서비스 제공 사이트
(도메인 등록 서비스 사이트)
https://console.aws.amazon.com/route53/ 아마존 웹 서비스 (AWS Route53)
https://domains.google/ 구글 도메인즈
Google Domains | Official Site – Google Domains
On September 7, 2023 Squarespace acquired all domain registrations and related customer accounts from Google Domains. Migration is underway for domains and customer accounts, and will continue over the next few months. After your domain has been migrated y
domains.google
https://www.namecheap.com/ 도메인 등록 업체
https://dnschecker.org/ 도메인 확인 사이트
https://codepen.io/ 온라인 코드 실습 사이트
CodePen
An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.
codepen.io
Live Server 웹사이트 실습 띄우게 해주는 Visual Studio Code 플러그인
'GDSC FE 프로젝트 트랙' 카테고리의 다른 글
| GDSC FE트랙 7월 MIL (1) | 2024.07.31 |
|---|---|
| GDSC FE트랙 6월 MIL (2) | 2024.06.30 |