첫 출근
인턴십을 진행한 회사는 현재 50명이 넘는 직원분과 다양한 부서로 나누어져 있어서 저에게는 모든게 새롭고 신기한 경험이였습니다.
먼저, 개발을 담당하는 개발자라고 해도 개발에만 매진하면 되는 것이 아니라, 다른 부서와 일정 조율, 문서 형식 등을 맞추어야 했기에 많은 회의를 통해 논의를 진행해야했습니다.
또한 회사에는 신규 입사자 온보딩 문서 라고 저 같은 아무것도 모르는 입사자들이 문서만 보고도 개발에 참여할 수 있도록 준비를 해주셨습니다.
문서와 Cloud 팀의 도움으로 많은 툴을 설치하고 환경을 손쉽게 세팅할 수 있었습니다.😉
안타깝지만, 저는 대부분의 툴(Teams, WebStorm, Azure DevOps, Jira) 등을 사용해보지 못해서 이것을 익히고 다루면서 서비스를 분석해보니 일주일이 훌쩍 지나갔던 것 같습니다.
그리고 회사에서는 주력 언어로 JavaScript를 사용 중인데, 저는 Python과 Java를 위주로 코딩을 했기에, JavaScript도 따로 공부해야했습니다.
아래는 학습한 주요 JavaScript 내용을 정리한 것입니다.
JavaScript
기초 문법
- 변수
- 리터럴
- 직접 표현되는 값 그 자체를 의미
// 변수 선언
var x = 10; // 변수 x 에 10 을 할당, Var 과 같이 대문자를 이용하면 동작 X
let y = 11; // var 과 동일하게 변수를 선언하지만, 변수 재선언이 되지 X !!!
// 리터럴
12 // 숫자 리터럴
"JavaScript" // 문자 리터럴
true // 불리언 리터럴- 식별자
- 변수나 함수의 이름을 작성할 때 사용하는 이름
- 영문자(대소문자), 숫자, 언더스코어(_) 또는 달러($) 만을 사용
- JavaScript에서는 관행적으로 Camel Case 방식을 많이 사용
- Keyword(키워드)
-
특별한 용도로 사용하기 위해 미리 예약된 단어들
-
예약된 키워드는 프로그램 내에서 식별자 사용 불가
var // 변수 정의를 위해 예약된 키워드 function // 함수 정의를 위해 예약된 키워드
-
전개 연산자
- 배열의 요소나 객체를 나열해주는 연산자
- 객체나 배열을 담은 변수 앞에 … 을 붙여서 사용
- 배열 복사 시 순환문 대신 전개 연산자 사용 가능
let numArr = [1,2,3,4,5]; let copyArr = [...numArr]; // copyArr에 numArr을 복사
템플릿 문자열
- 문자열에 변수를 포함 시킬 때, 더 직관적이고 편하게 사용하기 위한 기능
- “(큰따옴표) 대신 `(백팃)을 사용
How are you, ${name}=== vs ==
- ==
- 두 변수를 비교하고, 값 만 같다면 자료형이 다르더라고 True 반환
- ===
- 두 변수를 비교하고, 값 과 자료형 이 모두 같아야 True 반환
화살표 함수
- 함수 표현식 보다 간결한 문법으로 함수를 만드는 것이 가능
- 아래의 두 코드 블럭은 동일한 의미
let sum = (a,b) => a+b;let sum = funtion(a,b){ return a + b; };
ESLint
- JavaScript 문법에서 에러를 표시해주는 도구
- 에러로 문제가 되는 부분 외에도 코딩 스타일 등도 잡아주기에 한 사람이 코딩하는 것처럼 협업 가능
Prettier
- 코드 포맷터
- 작성한 코드를 정해진 코딩 스타일을 따르도록 변환해주는 도구
마치며..
아직은 업무 파악은 커녕 회사 서비스 파악도 완벽하지 않아 도움이 되고 있지 못하는 인턴이지만 빠르게 적응해서 꼭 Cloud 팀에 도움이 되는 인턴이 되겠습니다!!
Long🌈Now😁Happy💖