아니 그 찐따 같던 자바스크립트 맞냐? 자바스크립트는 전설이다… 91년생인 나는 격동하는 인터넷의 시대를 몸으로 겪은 세대이다. 천리안 하이텔과 같은 서비스의 황혼기에 태어나서 라이코스, 야후 등 웹 사이트라는 것이 태동하던 시기이다. 신기한 플래시 애니메이션, 게임, 다양한 주제의 게시판과 사이트… 인터넷에 접속 가능한 컴퓨터가 있는 아이의 집에 몰려가서 게임하는 것을 구경하는 것만으로도 즐거운 시절이었던 것이다. 나는 부모님을 졸라 집에 컴퓨터를 구입했고 인터넷을 연결했다. 인터넷의 세상은 방대했고 너무나 많은 정보를 손쉽게 얻을 수 있었다. 나는 컴퓨터에 매료되어 있었다. 당시의 자료는 전부 유실되었지만 인터넷을 뒤적이며 무료 호스팅 업체에 가입하고 작은 사이트를 만들기도 했었다. 나모웹 에디터와 ..
java script

01. 함수의 기본 형태 익명 함수란 이름이 없는 함수로 function () {}형태로 만듭니다. 선언적 함수란 이름이 있는 함수로 function 함수 이름 () {}형태로 만듭니다. 함수의 괄호 안에 넣는 변수를 매개 변수라고 합니다. 매개 변수를 통해 함수는 외부의 정보를 입력받을 수 있습니다. 함수의 최종적인 결과를 리턴 값이라고 합니다. 함수 내부에 return키워드를 입력하고 뒤에 값을 넣어서 생성합니다. 가변 매개변수 함수란 매개 변수의 개수가 고정되어 있지 않은 함수를 의미합니다. 나머지 매개 변수 (…)를 활용해서 만듭니다. 전개 연산자란 배열을 함수의 매개 변수로써 전개하고 싶을 때 사용합니다. 기본 매개 변수란 매개 변수 기본값이 들어가게 하고 싶을 때 사용하는 매개 변수입니다. 확..

01. 배열 여러개의 변수를 한 번에 선언해 다룰 수 있는 자료형을 배열이라고 합니다. 배열 내부에 있는 값을 요소라고 합니다. 비파괴적 처리란 처리 후에 원본 내용이 변경되지 않는 처리를 의미합니다. 파괴적 처리란 처리 후에 원본 내용이 변경되는 처리를 의미합니다. 확인 문제 다음 배열들의 2번째 인덱스에 있는 값을 찾아보세요. ["1","2","3","4"] ["사과", "배", "바나나", "귤", "감"] [52,273,32,103,57] 다음 코드의 실행 결과를 예측해 보세요. 다음 표시된 함수들이 파괴적 처리를 하는지 비파괴적 처리를 하는지 구분해 맞는 것에 O표시하세요. const strA = "사과,배,바나나,귤" strA.split(",") strA const arrayB = ["사과",..

이번주차에 학습한 내용을 다루는 두개의 문제를 풀어보는 숙제를 받았다. 문제를 풀어보고 다른 사람들이 풀이한 코드와 비교하며 살펴보니 많은 것을 알게 되었다. 예를 들면, 정확히 같은 동작을 수행하지만 누군가의 코드는 훨씬 간결하고 메모리도 적게 사용하는가 하면 훨씬 빠르게 동작하는 코드가 존재했다. 같은 동작이더라도 어떻게 코드를 작성하는가에 따라 최적화 여부가 갈리는 점은 신기했다. 사용하는 프로그램 언어를 잘 이해하고 문법을 잘 활용하는 것으로 실력있는 개발자가 갈리는 것 같다. 문자열 연습하기 https://school.programmers.co.kr/learn/courses/30/lessons/12916 대문자와 소문자가 섞여있는 문자열 s가 주어집니다. s에 'p'의 개수와 'y'의 개수를 비..