본문 바로가기
▶공부

코딩 공부 시작

by 쫑효 2023. 11. 21.

11월 20일부터 국비지원으로 코딩 공부를 시작했다.

서울 관악구에 있는 학원으로 정했고

한 번도 IT계열에서 일해본 적도 없고

공부도 안해봤다.

 

처음 공부를 시작해본다.

비전공자에 IT에 대해 1도 모르는 상태에서 시작하다보니

강사님이 무슨 말씀을 하시는지 하나도 모르겠다,,

그래도 열심히 따라가보려 한다.

 

첫 강의땐 우리가 어떻게 배워나갈지

커리큘럼과 어떤걸 배우는지 간략하게 들었다.

 

프론트엔드:

1. HTML5 & CSS3:

  • HTML5: 웹 페이지 구조를 정의하는 마크업 언어.
  • CSS3: 웹 페이지 스타일링 및 레이아웃 디자인을 담당하는 스타일 시트.

2. JavaScript:

  • 웹 페이지 동적 기능을 담당하는 스크립트 언어.

3. JavaScript 라이브러리 및 프레임워크:

  • jQuery: DOM 조작 및 이벤트 처리를 간소화하는 라이브러리.
  • React.js: 사용자 인터페이스를 구축하는데 중점을 둔 자바스크립트 라이브러리.
  • Vue.js: 다른 강력한 자바스크립트 프레임워크.

4. Ajax 처리:

  • React.js에서는 Ajax 처리를 위해 Axios와 같은 라이브러리 활용.

백엔드:

1. 데이터베이스 처리/활용:

  • 다양한 데이터베이스 경험 (오라클, MySQL, MariaDB, MongoDB).

2. Java 프로그래밍:

  • 백엔드 개발에 필수적인 Java 언어 활용.

3. 웹 애플리케이션 개발:

  • Servlet/JSP: Java 웹 애플리케이션 개발을 위한 기술.
  • Node.js (React.js): JavaScript 런타임을 활용한 서버 사이드 개발.

4. Spring 프레임워크:

  • Spring (MyBatis): Java 기반의 웹 애플리케이션 개발을 위한 프레임워크 및 ORM.

5. Spring Boot, JPA:

  • Spring Boot를 이용한 빠른 웹 애플리케이션 개발 및 JPA를 활용한 데이터베이스 처리.

배포:

1. 리눅스 서버 시스템 (Docker):

  • 웹 애플리케이션 배포를 위한 리눅스 서버 시스템 및 Docker 활용.

2. 퍼블릭 클라우드 (AWS):

  • AWS를 활용한 클라우드 환경에서의 웹 애플리케이션 배포.

 

통합 개발 환경(IDE)와 웹 개발 스택: 개발자의 길잡이

1. 통합 개발 환경(IDE) 소개

**통합 개발 환경(IDE)**은 편집기, 컴파일러, 디버거 등이 통합된 개발 도구를 의미.

몇 가지 대표적인 IDE는 다음과 같다

  • 이클립스: 오픈소스로 다양한 언어를 지원하는 통합 개발 환경
  • MS-Visual Studio Enterprise: Microsoft의 상용 IDE로 Windows 플랫폼에서 주로 사용
  • IntelliJ Ultimate: JetBrains사의 상용 IDE로 Java, Kotlin 등을 지원

무료로 사용 가능한 IDE로는 VS Code가 있으며, 특히 Front End 개발자들에게 인기가 많다.

또한, IntelliJ Community는 무료 버전이지만 JavaScript 자동완성이 부족하여 Front-End 개발 시에는 고려가 필요

2. Front End 개발자의 세계

2.1 기본 언어: HTML, CSS, JavaScript

  • HTML, CSS, JavaScript: 웹 브라우저에서 해석되어 실행되는 기본 언어로, 웹 개발의 기초를 이룬다.

2.2 JavaScript 라이브러리/프레임워크

  • JavaScript 라이브러리/프레임워크: JavaScript의 발전으로, 라이브러리와 프레임워크를 활용해 효율적인 개발을 할 수 있다.
  • 발표 순서: JavaScript -> JQuery -> Angular.js -> React.js -> Vue.js

2.3 React.js와 React Native

  • React.js: 페이스북에서 개발한 JavaScript 라이브러리로, 국내에서는 Front End 개발자로 성장하기 위한 필수 학습 과정.
  • React Native: React.js를 기반으로 한 모바일 앱 개발 프레임워크로, Web을 App으로 변환 가능.

3. Back End 개발자의 영역

  • Back End Developer: PHP, ASP, ASP.NET, Servlet/JSP 등을 사용하여 서버 측 로직을 구현.
  • WAS(Web Application Server): Back End 코드를 해석하고 실행하는 역할.

4. Full Stack 개발자

  • Full Stack 개발자: Front End와 Back End 모두를 개발할 수 있는 역량을 갖춘 개발자.

5. 사용자 관점의 웹 개발

  • Front: Web Browser에서 사용자가 보는 화면을 담당.
  • Back: DB Server와 WAS(Web Application Server)를 이용하여 화면 이외의 부분을 처리.

 

강사님이 IT공부할 때 도움이 되는 말씀들도 해주셨다.

 

  1. 백문이 불여일타 (그냥 해봐라): 이해하려고 노력하되, 이해가 가지 않더라도 코딩은 항상 해보는 것이 중요하다. 경험을 통해 실력이 향상된다.
  2. 트렌드를 따라가며, 깊게 파라: 기술 트렌드를 주시하면서 한 분야에 깊이 파는 것이 중요하다. 다양한 경험과 깊은 전문성을 통해 성장할 수 있다.
  3. Code speak: 코딩 언어로 공부하고 의사소통하는 능력을 키워라. 코드로 생각하고 표현할 수 있는 능력은 개발자에게 필수적이다.
  4. Divide & Conquer: 큰 문제를 작은 단위로 나누어 해결하는 전략을 사용하라. 모듈화와 구성 요소 분리는 코드의 가독성과 유지보수성을 향상시킨다.
  5. 숲을 먼저 보고 나무를 보자: 전체적인 구조를 파악한 후 세부 사항에 대해 신경 쓰는 것이 중요하다. 코드 작성 전에 전체적인 계획을 세우는 습관을 기르자.
  6. 반보 앞서가기: 기술적인 앞서가기는 경쟁 우위를 가져다줄 수 있다. 다만, 현재 시장의 요구사항도 고려하여 적절한 기술을 선택하는 것이 중요하다.

 

아직까지 뭐가 뭔지 잘 모르고 너무 어렵지만 열심히 기록하고 공부하며 지식을 쌓아가야겠다.

 

 

'▶공부' 카테고리의 다른 글

HTML의 <input> 태그에 대해  (0) 2023.11.23
웹 개발의 기본 개념과 역사  (0) 2023.11.21
코딩 공부 시작 #2  (0) 2023.11.21

댓글