웨일의 블로그 웨일의 블로그

여름 겨울방학 끝나기 며칠전까지 신나게 놀다가 방학이 얼마남지 않았다는 자각과 함께, 네이버 지식인의 도움을 받아 수십개의 독후감을 표절방지 알고리즘을 피하기 위해 토씨를 조금씩 바꿔가며 샤프로 나의 감상인냥 적었던 그때를 기억한다. 그때는 해야되니까, 학교에서 하라고 했으니까 묵묵히 했었다. 학생시절이 끝나고나서의 독서 과정은 독서가 끝이었다. 책이라는 재료를 가지고 머리에 인풋만 하고 아웃풋과정은 없었다. 인풋 과정조차도 그순간의 지적 호기심과 흥미만을 채우고 이순간이 지나면 잊어버리는 내용들이 많았다. 그래서 독후감을 작성한다. 더 정확히 말하자면 독후감이라는 탈을 쓴 낙서장이다. 블로그를 처음 만들 때는 거창하게 나의 개발자로서의 성장과정을 기록하기 위한 공간이 필요했다. 그래서 개념 밥말아먹고 ..

https://www.ybrikman.com/writing/2014/05/19/dont-learn-to-code-learn-to-think/#comments Don't learn to code. Learn to think. It seems like everyone is trying to learn to code: Code.org has celebrities like Bill Gates, Mark Zuckerberg, and Chris Bosh telling you anyone can code; CoderDojo's are springing up all over the country; the UK has made it part of their official curriculu www.ybrikman.com..

도메인은 인더스트리랑 비슷한 단어인데 예를 들어 제약,핀테크,이커머스 이런것들을 말한다. 도메인 지식은 프로그래밍이랑은 다른데, 제약이면 약의 종류라든지 제조방법 같은 것들, 핀테크면 돈의 흐름이나 어떤 금전서비스가 유행인지 등 이커머스면 어떤 상품이 잘나가고 이 계절에는 어떤게 잘나가고 등이 있다. 한 번 직장을 정한 뒤 그 도메인에서 여러 이직을 하면서 해당 도메인 자체에 전문성을 가지는 개발자가 되고싶다. 이런 대체 불가능한 개발자가 되면 말 그대로 대체가 불가능해서 오랫동안 일할 수 있지 않을까

체크박스 하나를 체크한 상태에서 쉬프트를 누른 채로 체크박스를 체크하면 그 사이의 모든 체크박스가 체크되게 하는 코드를 작성해보았다. 결과물 작업 과정 1. 윈도우에서 키입력을 감지한다. - 쉬프트키가 keydown 되었을 때 isHoldingShift 값을 true로 하고 shift함수를 호출한다. - 쉬프트키가 keyup 되었을 때 isHoldingShift 값을 false로 한다. 2. shift 함수에서는 각각의 체크박스의 클릭을 감지해서 클릭이 일어나면 doChecking 함수를 실행한다. 3. doChecking 함수에서는 isHoldingShift값이 false면 리턴하고, 아닌 경우에 체크되지 않은 체크박스를 checkedBox 배열에 저장한 후 4. checkedBox에 사용자가 shif..

객체 리터럴 {}을 사용하면 객체를 쉽게 만들 수 있지만 유사한 객체를 여러 개 만들어야 할 때가 생기곤 한다. 이럴때 new 연산자와 생성자 함수를 사용하면 유사한 객체 여러 개를 쉽게 만들 수 있다. 생성자 함수는 1. 함수 이름의 첫 글자를 대문자로 한다. 2. 반드시 new 연산자를 붙여 실행한다. 예시: function User(name) { // this = {}; 빈 객체가 암시적으로 만들어진다. this.name = name; this.isAdmin = false; // return this; this가 암시적으로 반환된다. } let user = new User("보라"); alert(user.name); // 보라 alert(user.isAdmin); // false new User()..

객체 프로퍼티에 할당된 함수를 메서드라고 부르고 메서드 내부에서 this 키워드를 사용하면 객체에 접근할 수 있다. 이때 점 앞의 this는 메서드를 호출할 때 사용된 객체를 나타낸다. let user = { name: "John", age: 30, sayHi: function() { // 'this'는 '현재 객체'를 나타냅니다. alert(this.name); } }; user.sayHi(); // John 여기서 sayHi는 user에 할당된 메서드이다. this값은 런타임에 결정된다. 자바스크립트에서는 모든 함수에 this를 사용할 수 있다. 동일한 함수라도 다른 객체에서 호출됐다면 'this'가 참조하는 값이 달라진다. let user = { name: "John" }; let admin = {..

객체와 원시 타입의 근본적인 차이 객체를 변수에 저장하면 1. 객체는 메모리 내 어딘가에 저장되고 2. 변수에는 객체가 메모리 내 어디에 위치하는지 알려주는 참조값이 저장된다. 따라서 객체가 할당된 변수를 복사할 때는 객체의 참조값이 복사되고 객체는 복사되지 않는다. 따라서 하나의 객체에 접근하거나 조작할 땐 여러 변수를 사용할 수 있다. let user = { name: 'John'}; let admin = user; // 변수 admin에 user에 저장된 객체의 참조 값을 복사함 admin.age: 30; // 'admin' 참조 값에 의해 변경됨 alert(user.age); // 30이 출력됨, 'user' 참조 값을 이용해 변경사항을 확인함 참조에 의한 비교 두 변수가 같은 객체를 참조하는 경..

자바스크립트에는 8가지 자료형이 있는데 이 중에 7개는 원시타입 이라고 부르고 단 한가지의 데이터만(문자열, 숫자 등) 담을 수 있는 자료형이다. 나머지 하나는 객체형이고 객체형은 다양한 데이터를 담을 수 있다. 객체는 중괄호{}를 이용해 만들 수 있고 중괄호 안에는 키(key):값(value) 쌍으로 구성된 프로퍼티 여러 개가 들어 있고, 키에는 문자형, 값에는 모든 자료형이 가능하다. let user = { // 객체 name: "John", // 키: "name", 값: "John" age: 30 // 키: "age", 값: 30 }; 대괄호 표기법 여러 단어를 조합해 프로퍼티를 만들 경우에 띄어쓰기가 포함된 키는 따옴표를 붙여서 사용한다. const 객체일지라도 객체의 내용을 변경할 수 있다. 변..