[유데미x스나이퍼팩토리]앱/웹 개발자 인턴형 프로그램_개발 특강_12_20

수업 내용을 기반으로 이해한 대로 생각하는 대로 적어 개인적 의견이 다수 포함되어 있습니다. 부끄러우니 나가주세요

 

데이터히어로즈 김영웅 대표님이 강의해주셨습니다.

강사님께서는 꾸준히 가독성을 강조하셨습니다. 매우 동의합니다.

 

웹의 변천사

1. 정적 HTML + CSS + 백엔드

• 새로 고침 하여 페이지가 넘어가는 정적 웹이었다.

1. 동적 웹 - 자바스크립트 + CGI

• 이전보다는 조금 나아진 동적 웹 사용, 로직과 화면의 구분이 없었다.

1. AJAX, JQUERY

• HTML5 출현으로 컴퓨터가 섹션에 대해 인식하게 됨
• 기능들이 추가되고, 가독성이 좋게 변화하기 시작
• AJAX나 JQUERY로 로직과 화면의 구분이 생김.

1. ANGULAR, VUE, REACT

• 웹과 앱을 하이브리드로 사용 할 수 있게됨
• 리액트에서는 </>태그 내에 내가 직접 알맞게 태그 이름을 사용 할 수 있게 됨
• 코드의 가독성을 위해!! 가독성의 중요성 = 원활한 유지 보수를 위해

앱의 변천사

1. JAVA, C++

• 알아야 하는 것이 너무 많아야 한다는 것이 단점

1. CORDOVA(phone gap)

• 앱을 만드는 프로그램이 출범

1. KOTLIN, SWIFT

• 기존 자바로 개발해야했던 안드로이드 앱을 코틀린을 사용하여 간결하고 가독성이 높아지고 모바일에 최적화 되어 출범
• 하지만 문제는 IOS와 android 각 각 따로 만들었어야 하는 문제점

1. RN, FLUTTER, PWA

• IOS와 android 모두 가능한 하이브리드가 출시됨

페이지 라우터와 앱 라우터의 차이

• SPA 싱글 페이지 애플리케이션
  • 불러올 때 한꺼번에 불러와서 페이지를 새로고침 하는게 아닌 DNS만 변경하여 페이지 이동이 가능하도록
• 앱 라우터
  • 전체 페이지를 불러오는 것이 아닌 넘어갈 때 마다 새로고침이 되는 방식인데, 서버 사이드를 따로 두어 간결하게
  • 서버 사이드와 클라이언트 사이드가 나뉘어져 있는 것!
  • 레이아웃에 변하지 않는 것만 지정해 두면 페이지에 고정으로 들어가게 됨
  • SPA와 가장 다른 점은 use client가 가장 큰 차이점

OSI 7 계층

 

타입스크립트

타입스크립트와 자바스크립트의 가장 큰 차이는 타입을 지정하느냐, 지정하지 않아도 유추해서 실행이 되느냐의 차이 쯤

(나는 타입스크립트를 사용해보지 않았으니 사용해 보면 꼭 비교해보기!)

하지만 자바스크립트에만 의지하기엔 예상치 못한 어처구니 없는 결과 값이 나올 때가 종종 생길 수 있으니 타입을 꼭 지정해주기를 추천함

디자인 패턴

참고 자료

디자인 패턴을 사용해야 하는 이유

중복되는 코드를 줄이고, 복잡해지는 코드들의 패턴을 주면 좀 더 쉽고 간결해지고,

유지 보수에 유리하기 때문에 이 부분까지 염두 하여 미리 설계를 해두면 가장 좋다.

하나를 만들더라도 어떻게 짜임새있게 쓸 수 있도록

• 팩토리 패턴
  • 말 그대로 공장 처럼 하나 하나 클래스를 따로 분리하고 불러서 조립하여 사용하는 너낌
  • 예전에 배웠던 자동차 생산 예시가 떠올랐다. 가장 적절한 예시 인듯
• 싱글톤 패턴
  • a = 장바구니
  • b = 장바구니
  • 위 값은 같을지라도 a 와 b가 저장되어있는 각 주소 값은 다를 것
  • a = 장바구니
  • b = a
  • 이렇게 참조하면 주소 값이 같아서 메모리 낭비나 오차를 줄일 수 있다.

 

TDD

Test 코드 작성

• QA 전 직접 먼저 테스트 해보기

1. 실패하는 테스트를 먼저 만들고
2. 개발을 하고
3. 다시 테스트 후 개발 단계를 반복

리액트 쿼리, 넥스트js는 꼭 공부해보기!!(나와의 약속)

 

모두 이 전에 국비시절에 배웠던 참진리인 이야기들이었다. 나는 늘 기본이 가장 중요하다고 생각하는 사람이다.

하지만 나는 분명 잊고 살고 있었다.ㅠㅠ 다시 한번 더 마음에 새기고 기본에 충실하자요

 

 

본 후기는 유데미-스나이퍼팩토리 앱/웹 개발자 인턴형 프로그램 학습 일지 후기로 작성 되었습니다.