본문 바로가기

분류 전체보기

 (59)
[기초 이론] Function Function 함수(Function)는 하나의 로직을 실행할 수 있도록 수행하는 코드의 집합이다. 사용자가 서버에서 특정한 일을 수행(x)하면 해당 명령을 입력(input) 해서 함수 box에서 처리(f)한다. 그리고 그 처리한 값을 출력(output) 하면 사용자는 함수가 처리한 값을 받을 수 있다. 즉, 함수에 값을 전달하면 함수는 값을 반환한다. 나는 이 지점에서 왜 '슈의 초코공장' 게임이 생각났는 지 모르겠다. 땅콩이 초코 볼에 들어가 볶아(?)져서 티피가 되는 게 비슷하다고 느낀 걸까. 함수의 장점 중 하나는 재사용성인데, 반복되는 구문을 계속 작성하지 않고 함수로 만들어서 필요할 때마다 재사용하는 것이 좋은 코더의 자세다. 함수 선언 함수의 대략적인 선언 방법은 아래와 같다. functio..
불안하다 20 살의 나는 10년 뒤 내가 궁금했다. 30 살의 나는 어떤 사람일까. 그건 기대에 가까운 감정이었다. 30 이 다 되어가는 20대 후반인 난 10년 뒤 내가 궁금하다. 그리고 이건 불안에 가까운 감정이다. 전 회사에서 재계약이 되지 않았을 땐 세상이 끝나는 것 같았다. 이제 막 자리를 잡고 사회에서 1인분을 하고 있다고 생각했는데 계약 해지라니, 나는 쓸모없는 사람인 걸까. 한참을 숨겼다. 큰 딸은 잘 지내고 있습니다. 먹고 싶은 거 먹고, 하고 싶은 거 하며 사회에서도 자리를 잡았습니다. 이제 저는 걱정하지 않아도 돼요. 어머니는 어머니 인생을, 아버지는 아버지 인생을 사세요. 몇 달 동안은 무엇을 해야할까. 왜 나는 쓸모없는 사람 취급받았을까 고민했다. 당장 다른 곳으로 취직을 한다 한들 자신감..
[기초 이론] Data Type: Object 시작하며 JavaScript의 객체는, 다른 프로그래밍 언어와 마찬가지로 현실 세계에서 객체(사물)라고 부르는 것과 비교할 수 있다. JavaScript 객체의 개념은 현실에서 인식 가능한 사물로 이해가 가능하다. JavaScript 에서 객체는 속성과 타입을 가진 독립적인 개체(Entity)이다. 현실의 컵과 비교해본다면, 컵은 '색', '디자인', '무게', '소재' 등의 속성을 가진 객체라고 할 수 있다. 마찬가지로 JavaScript 객체 역시 특징을 결정짓는 속성을 가질 수 있다. Object 객체는 관련된 데이터와 함수(일반적으로 여러 데이터와 함수로 이루어지는데, 객체 안에 있을 때는 보통 프로퍼티와 메서드라고 부른다)의 집합이다. 여타 JavaScript 의 요소 들과 마찬가지로, 객체를 ..
개자이너를 위한 유용한 웹페이지 스스로 디자인하고 개발을 진행하는 동안 모든 리소스를 직접 만들면 좋겠지만 시간 상의 문제나 툴 사용의 익숙함 문제로 전문가의 도움을 받아야 하는 경우가 있다. 그럴 때 사용할 수 있도록 모아둔 웹 페이지들이다. 그전에 무료 리소스를 이용하기 위해선 CC 라이선스에 익숙해져야 하는데 나는 사용하려면 되도록 CC0(퍼블릭 도메인)의 컨텐츠를 이용하려고 한다. "상업적 이용이 가능하다" 라는 말만 읽고 사용하다가 잘못 걸리면 어떻게 될 지 모른다.... 사진 Unsplash https://unsplash.com/ 이미 너무 유명한 언스플래쉬. Figma에도 Plugin이 있고 너무너무 든든하다. 외국인이 많다는 걸 제외하면 범용성이 높은 이미지가 많아서 무료이미지는 대부분 여기서 충당하는 듯 하다. 일러스트..
[기초 이론] Array Array Array 클래스는 리스트 형태의 고수준 객체인 배열을 생성할 때 사용하는 전역객체이다. 배열은 리스트와 비슷한 객체로서 순회와 변형 작업을 수행하는 메서드를 갖고 있다. JavaScript 배열은 길이도, 각 요소의 자료형도 고정되어 있지 않다. 배열의 길이가 언제든지 늘거나 줄어들 수 있고 데이터를 연속적이지 않은 곳에 저장할 수 있으므로 JavaScript 배열은 밀집성을 보장하지 않는다. 즉 배열은 정의된 상태에서 추가하거나 삭제할 수도 있고, 내용을 변경할 수도 있다. const week = ['mon', 'tue', 'wed', 'thu', 'fri', 'sat']; week 이라는 변수에 6개의 요소를 가진 배열을 생성했다. 이렇게 정의된 상태에서 다양한 연산을 사용할 수 있다. ..
[기초 이론] Data Type: Primitive 원시 값 JavaScript에서 원시 값(Primitive, 또는 원시 자료형)은 단일 데이터만 담을 수 있는 데이터이다. 복합 데이터인 객체나 객체의 속성 함수인 메서드 그리고 함수는 포함하지 않는다. 원시 값은 변하지 않으며 변형되지 않는다. 원시 값 자체와 원시 값을 할당할 변수를 혼동하지 않아야 한다. 변수는 새로운 값을 다시 할당할 수 있지만, 이미 생성한 원시 값은 객체, 배열, 함수와 달리 변형할 수 없다. // !!문자열 메서드는 문자열을 변형하지 않음 let bar = 'hangul' console.log(bar); // > hangul bar.toUpperCase(); // > 소문자를 대문자로 변환해주는 '문자열 메서드' console.log(bar) // > 여전히 hangul //..
오늘 처음으로 JavaScript 이벤트 구문을 작문했다. 보호되어 있는 글입니다.
[기초 이론] Variable, Constant 변수와 상수 변수(Variable)란 기본적으로 값(숫자, 텍스트 문자열 등)에 이름을 붙이는 것이다. 변수는 var, let 으로 구분되어 있으며 해당 키워드와 그 뒤의 이름으로 생성할 수 있다. 상수(Constant) 또한 변수처럼 이름을 붙인 값이지만, 변수와 달리 상수의 값은 바꿀 수 없다. 상수는 const 키워드와 그 뒤의 이름으로 생성할 수 있다. 변/상수 뒤에 등호(=, Equal Sign)를 붙여 원하는 값(Value)을 할당해준다. 근래 들어 var로 변수 선언하는 것은 최대한 지양하고 있으며, 변수는 let, 상수는 const로 고정하도록 한다. 상수 const a = 10; const b = 2; console.log(a + b); // 12 console.log(a - b); //..

티스토리툴바