전체 글
-
푹 쉬고 재충전한 주말Essay/Thoughts 2021. 3. 7. 23:57
이번 주말에는 아무 약속도 잡지 않고 온종일 나에 집중하는 시간을 보냈다. 💆🏻♀️ 1. 인테리어 체인지 2층을 대대적으로 손봤다! 카펫의 위치를 바꾸고 침대 옆 협탁은 사이드 테이블로 활용하기로 했다. 그러다 보니 협탁이 필요해져서 오늘의 집에서 원목 협탁을 지르고, 내친 김에 필요했던 블루투스 스피커와 1층에 깔 블루 카펫도 질렀다. 인테리어를 한 번 변화시키면 좋은 게, 끊임없이 새로운 아이디어가 떠오른다. 이 공간이 조금 허전한데... 여기는 액자로 가리면 좋을 것 같은데... 여기를 더 잘 활용할 수 있지 않을까? 등 수많은 지름신이 강림하였으나! 다른 것들은 천천히 생각하기로 하고 일단 저 세 개만 결제. 앞으로 예쁜 액자 / 전신거울 / 패브릭 포스터가 있으면 결제해야지. 가구는 1) 내가..
-
자바스크립트: If, While, For, SwitchLet's Code/JavaScript 2021. 3. 6. 21:12
모던자바스크립트 2.10 ~ 2.14 (https://ko.javascript.info/first-steps) If문 (If statement) - 조건에 따라 다른 행동을 취할 때 사용하며, 괄호 안의 결과가 true일 경우만 동작을 실행한다. - if 문 후 ( ) 안에 조건을, { } 안에 실행할 동작을 쓴다. (동작이 하나일 경우 {}를 쓰지 않아도 되지만 가독성이 하락한다.) - If 문의 ( ) 는 값을 불린형으로 반환한다. - False일 경우 행동을 별도로 지정해주고 싶다면 else, 조건문을 nest하고 싶으면 else if를 사용한다. if (year == 2015) { alert( "정답! 와아~~" ); } 조건부 연산자 ? (Conditional operator) - 조건부 연산자..
-
자바스크립트의 기본 연산자Let's Code/JavaScript 2021. 3. 6. 19:34
모던자바스크립트 2.7 ~ 2.9 (ko.javascript.info/first-steps) 형 변환 형 변환(Type Conversion): 적절한 자료형으로 자동으로 변환하는 과정 - alert 메서드는 자동으로 전달받은 값을 문자형(string)으로 변환 - 수학 연산자 (+, -, *, /)는 자동으로 값을 숫자형으로 변환하여 계산: 이 때 null은 0, boolean은 0 혹은 1, 숫자 이외의 값이 포함된 string 혹은 undefined의 경우 NaN으로 변환 - 논리 연산은 자동으로 값을 불린형으로 변환하여 연산을 수행: 0/빈 문자열/null/undefined/NaN 외엔 모두 true ("0"도 true) 기본 산술 연산자 - 피연산자(operand): 연산이 수행되는 대상, 인수(..
-
자바스크립트 모달 팝업 띄우기Let's Code/JavaScript 2021. 2. 28. 19:27
Alert 함수 Alert 함수는 텍스트와 OK 버튼으로 구성된 modal 팝업을 띄운다. 유저는 OK 버튼으로 팝업을 종료할 수 있다. (이렇게 유저가 해당 팝업을 처리한 다음에야 나머지 웹페이지 기능을 사용할 수 있는 팝업을 modal window라고 부른다.) Prompt 함수 result = prompt(title, [default]); Prompt 함수는 특정 텍스트와 유저가 문자열을 입력할 수 있는 창이 있는 modal 팝업을 띄운다. 첫 번째 파라미터는 팝업 안에 표시되는 텍스트 메시지이며, 두 번째 파라미터는 유저가 아무것도 입력하지 않았을 경우의 디폴트 값을 결정한다. 이 때, 유저가 특정한 값을 입력하면 텍스트로 결과값이 처리되며, 입력하지 않았을 경우 null 타입으로 처리된다. (*..
-
자바스크립트 자료형과 TypeofLet's Code/JavaScript 2021. 2. 28. 18:53
동적 형식 (Dynamic data type) 자바스크립트에는 8개의 자료형(Data type)이 있으며, 변수에 한 자료형이 지정된 후 다른 자료형의 값으로 변경할 수 있다. 이를 동적 형식 (Dynamic Data Type)이라 지칭한다. 자료형 1) 숫자(Number): 자연수(integer)와 소수(floats)를 모두 포함한다. * (곱셈), / (나눗셈), + (덧셈), - (뺄셈)과 같은 연산자를 사용할 수 있다. Infinity(무한대), -Infinity(음의 무한대), NaN(컴퓨터 연산 오류)과 같은 특별한 숫자도 Number에 포함된다. 자바스크립트 내 수학 연산은 "안전safe"한데, 이는 아무리 불가능한 연산이라고 해도 NaN으로 처리될 뿐 스크립트를 정지시키지 않는다는 뜻이다...
-
직장인의 커뮤니케이션 방법회고/직장 2021. 2. 19. 20:05
회사를 다닌다는 것은 하루의 시작과 끝이 타인과 조율하고 협상하는 과정이라는 말이 된다. 그렇기 때문에 커뮤니케이션은 회사생활에서 때로는 업무 그 자체보다 더 중요하며, 일을 잘한다는 뜻은 커뮤니케이션을 잘한다는 뜻이 된다. 그렇다면 어떤 커뮤니케이션이 좋은 커뮤니케이션일까? 나는 고작 2년차 사원일 뿐이지만, 그래도 1년 남짓의 직장생활을 하며 느끼는 점이 있다. 1) 다른 사람의 기분을 상하게 할 필요는 없다 회사 생활을 하며 적을 만들지 말라는 말은 사실 너무 당연해 잘 와닿지 않는다. 이 문장이 가장 절실하게 느껴질 때는 껄끄러운 사람한테 업무 협조를 요청해야 하는 순간이다. 아무리 내가 해당 분야의 전문가며, 심지어 직책이 더 높다 하더라도 같은 팀에 있는 이상 모든 팀원한테 한 명은 부탁해야 ..
-
객체 지향 프로그래밍Let's Code/Programming Basics 2021. 2. 15. 21:12
객체 지향 프로그래밍의 정의 객체 지향 프로그래밍 (Object Oriented Programming)이란 컴퓨터 프로그램을 객체(Object)의 모임으로 정의하는 프로그래밍 패러다임이다. 각 객체들은 속성 (Property)과 행동(Method)를 가지며, 서로 메시지를 주고받을 수 있다. 이에 반해 절차 지향 프로그래밍은 객체가 아닌 함수를 기본 단위로 가지는 프로그래밍 패러다임이다. 데이터와 함수는 엄격하게 구분되며, 함수는 데이터와 독립적으로 존재한다. 이에 비해 객체 지향 프로그래밍에서 객체는 속성(데이터)와 행동(함수)를 모두 가지며, 스스로의 데이터를 통제하고 변형시킬 수 있다. 객체지향 프로그래밍에서는 객체들이 서로 상호작용하며 메시지를 주고 받는다. 객체 지향 프로그래밍의 장점 변경이 용..
-
자바스크립트 변수 선언까지Let's Code/JavaScript 2021. 2. 14. 22:32
태그 안에 위치한다. 만약 script에 type이나 language와 같은 속성이 붙는다면 과거에 만들어진 코드라는 뜻. (현재는 자바스크립트가 디폴트 언어이므로 쓰이지 않는다.) src 속성으로 저장된 자바스크립트 파일을 불러올 수 있다. (src 속성을 사용할 경우 해당 태그 안에 작성된 코드는 자동으로 무시되므로, html 안에 코드를 직접 작성하고 싶으면 src 속성이 지정되지 않은 별도 태그를 작성해야 한다.) 마찬가지 원리로, 여러 태그를 사용하면 여러 파일을 불러올 수 있다. Javascript 파일을 별도로 저장할 때 장점 Javascript를 .js 파일로 별도로 저장하여 불러올 경우, 브라우저는 그 파일을 캐시로 저장한다. 따라서 같은 웹사이트에 접속했을 때, 더 빠르게 홈페이지의 기..