[WIL] JavaScript 단어 모음 - 1주차

< 서론 > 

프로그래밍 강의를 처음 들을 때 강사님이 말씀하시는 말의 70%가 낯선 단어라,

뜻을 온전히 이해하기 어려워 괜히 프로그래밍이 더 어렵게 느껴졌던 경험이 있다. 

이러한 경험을 바탕으로 프로그래밍 언어도 '언어'이기에, 

언어를 배울 때 가장 기초가 되는 '단어'에 대해 WIL를 작성해보고자 했다.

 

한 주간 공부한 내용 중 일부를 어떻게 추려 기록을 할까 고민을 하다,

조금의 재미를 더하고자 이번 주 실습한 자바스크립트 파일의 문자 빈도수를 확인해

가장 많이 사용한 단어 순으로 top 100의 단어에 대해 뜻과 함께 어떻게 사용하였는지를 정리해보고자 한다. 

 

이용한 사이트는 다음과 같다. 

---

1. 단어 빈도 수 분석 사이트

https://wordcounttools.com/

Word Counter - The Best Word Count Tool

출력된 값은 전부 소문자로 변환되어 출력된다.

 

2. 단어 빈도수 시각화 사이트

https://www.wordclouds.com/

Free online word cloud generator and tag cloud creator

---

< 단어 빈도 수 분석 결과 >

	키워드		빈도수
1	console	객체. 브라우저의 디버깅 콘솔에 접근할 수 있는 메서드 제공. MDN	264 (4.2%)
2	log	console객체의 메서드. 일반 메시지 출력. MDN	264 (4.2%)
3	let	지역 변수를 선언(블록 스코프 범위). 선언과 동시에 임의의 값으로 초기화 가능. MDN	111 (1.8%)
4	array	전역 객체. 리스트 형태의 고수준 객체인 배열을 생성할 때 사용.  MDN	77 (1.2%)
5	date	객체. 1970년 1월 1일 UTC(협정 세계시) 자정과의 시간 차이를 밀리초로 나타내는 정수 값을 담는다. MDN	64 (1%)
6	new	연산자. 사용자 정의 객체 타입 또는 내장 객체 타입의 인스턴스를 생성한다. MDN	54 (0.9%)
7	string	전역 객체. 문자열(문자의 나열)의 생성자. MDN	48 (0.8%)
8	math	전역 객체. 수학적인 상수와 함수를 위한 속성과 메서드를 가진 내장 객체. 함수 객체 아님. MDN	48 (0.8%)
9	map	array메서드. 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다. MDN	47 (0.7%)
10	set	객체. 값 콜렉션으로, 삽입 순서 대로 요소를 순회할 수 있다. 자료형에 관계 없이 원시 값과 객체 참조 모두 유일한 값을 저장할 수 있다. (중복 제거시 주로 사용!) MDN	46 (0.7%)

---

< 단어 빈도수 시각화 결과 > 

https://www.wordclouds.com/

단어 빈도수를 시각화한 결과이다. 단어빈도수 검색 사이트와 결과가 조금 다르게 나왔다. 

이번 주 자바스크립트 기초문법에 대한 실습&필기 파일을 분석해본 결과 이런 결과가 나왔다.

가장 크게 보이는 값은 [ output, let, 배열 ] 이다. 

아무래도 필기 파일이다 보니 필기에 쓰인 단어들이 빈도수가 높게 나온 것 같다.

output은 사용한 함수와 코드의 결과를 나중에도 한눈에 알 수 있도록 실행 값을 함께 기록하는데 쓰였다.

let은 변수 지정에 가장 많이 사용한 함수이고, 배열은 배열에 대한 설명을 위해 주로 쓰였다. 

---

< 느낀점 >

기록해보며 나의 코딩 습관을 돌아볼 수 있어 좋았다. 

자주 쓰는 함수와 변수 명등을 알게 되었고,

자주 사용은 했지만 명확한 뜻을 알기 어려웠던 단어들에 대해서도 다시한번 알아보게 되어 유익했다. 

앞으로 변수를 조금 더 구체적이고 의미 있는 이름을 지어 사용해야겠단 생각이 들었다. 

 

< 적용 >

1. 다음번 같은 주제로 기록 할 때엔 필터링 해서 빈도수 top 50만 쓰기.

변수 명등의 상대적으로 중요하지 않은 정보들이 섞여있어 top 100으로 뽑아봤는데 너무 많은 것 같다.. 

엑셀도 안되고 이 블로그엔 표나 값이 바로 붙여넣기도 되질 않아 예상보다 더 많은 시간이 소요되었다.  << 공부시간 부족,,!!

다음번엔 중복되고 반복되는 값을 어느 정도 제거한 top 50개의 단어들을 선별해 정리해보고자 한다. 

 

 

추후 이 글을 보시는 분들이 낯선 프로그래밍 언어에 대해 조금은 익숙해지고 친숙해지는 경험을 했으면 좋겠다 :)

 

 

 

++ (수정) 2022.08.26(금)

예상 외의 복병으로 값 붙여넣기가 안되어 100개는 무리라 판단.!

블로그를 옮기며 단어를 10개로 추리고 대신 내용을 조금 더 알차게 수정해 보았다.

 

처음 아무것도 모르고 의욕만 넘쳐 냅다 100개를 선언하고,

기존 자바스크립트와 친해지려 영단어 뜻부터 시작해 왜 이게 이렇게 높은 빈도수를 갖고 있는지,

어떻게 활용했는지를 적어둔 내용이 사라지게 되어 초반의 풋풋한 모습이 조금은 가려진 것 같아 아쉽지만,

지금의 나에겐 복습 및 심화 겸 좀 더 알찬 컨텐츠가 된 것 같다. 

 

고작 3주밖에 지나오지 않았지만, 이전에 보는 것과 지금의 시야가 많이 달라져 있음을 느낀다. 

나중엔 어떻게 더 변해 있을지 기대가 된다. 

 

수정작업을 하며 보니 벌써 가물가물한 내용도 있고 더 알아가야할 부분도 있어 복습과 심화학습의 필요성을 느꼈다.

우선은 복습 먼저!

→ (적용 : 자바스크립트 기초문법 복습 & 블로그 정리! ~ 8/30)