전체 글

[JavaScript] JavaScript 기본 문법 (8) - Javascript의 비동기 처리 (1) - 콜백(Callback)

JavaScript 비동기 처리 시리즈 [JavaScript] JavaScript 기본 문법 (9) - Javascript의 비동기 처리 (2) - Promise [JavaScript] JavaScript 기본 문법 (10) - Javascript의 비동기 처리 (3) - async/await 동기 (Synchronous) vs 비동기 (Asynchronous) 동기 (Synchronous) 동기 방식은, 간단히 말해서 먼저 진행하던 작업을 끝내고 그 다음 작업을 시작하는 방식이다. 그러니까, console.log("1"); // 1초 이후에 console.log("2")를 실행하는 코드. setTimeout(function () { console.log("2"); }, 1000); console.log..

시타마치 텐동 아키미츠 종로타워점

시타마치 텐동 아키미츠 종로타워점 2022.04.20 어째 3일 연속으로 일식을 먹는데.. 그만큼 일식을 좋아한다. ㅋㅋㅋㅋㅋㅋ 여기도 한 두 달 전부터 가려고 적어놨던 곳. 과연 근처에 있는 에도마에텐동하마다랑 온센 광화문점과는 어떤 차이를 보여줄지... 참고로 에도마에랑 온센 둘 다 별로였음. 저 큰 건물이 종로타워다. 종로타워라고 종로3가로 가면 안되고, 종각역 출구 바로 옆에 위치해 있다. ㅋㅋㅋ 여기가 입구. 이리로 들어가서 바로 보이는 에스컬레이터로 B1층으로 내려가서 조금만 앞으로 가면 보이는.. 시타마치 텐동 아키미츠 간판. 오른쪽으로 꺾으면 입구가 바로 나온다. 메뉴는.. 한 사진에 담을 수 없을 정도로 많다. 네이버지도 링크 걸어드림. >> 메뉴

홋카이도 부타동 스미레

홋카이도 부타동 스미레 2022.04.19 딱 한 달 전부터 가야지 가야지 하면서 정말 벼르고 벼르고 벼르던 음식점. 아는 형이 갔다 온 사진을 보고 딱 꽂혀서 이거다 싶었다 진짜. 너무 맛있어 보였음.... 일단 제일 눈에 띄고, 귀찮았던 건.. ~실내 대화 금지~ 아무래도 안내하는 아내분이 일본인이시고, 한국말을 이해 못 하는 부분이 가끔 있다고 하시니 아마 한 번 무슨 일이 있지 않았을까.. 라는 추측을 같이 간 누나들과 했다.. ㅋㅋㅋ 대신 그런 만큼 혼밥하기는 딱일 것 같다. 자리도 막 엄청 좁은 건 아닌데.. 협소한 편이라 혼밥하기에 딱임 진짜. 아 그리고 또 하나. 삼겹살 공급 어려움으로 등심만 판다. 언제 다시 재개될지 모른다. 삼겹살로 시킬라했는데ㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠㅠ 등심, 삼겹살 둘 ..

나이스샤워 강남/역삼 본점

나이스샤워 강남/역삼 본점 2022.04.18 면허학원에서 도로주행 연수를 받고 강남 쪽으로 갈 일이 생겼다. 가는 김에 맛난 거 먹으려고 찾다가, 전에도 가보려고 했었던 나이스샤워로 결정. 일식 처돌이라 일단 텐동 엄청 좋아하고, 맛 없기가 힘든... 튀김인데... 저번에 간 곳이 영 별로였어서 이번엔 맛있으면 좋겠다 하면서 입성. 메뉴판을 안 찍어서 옛날 메뉴판 사진을 가져왔는데, 지금은 여기 적힌 가격보다 1000원씩 올라 있다. 사랑니 빼고 실밥 푼 지 얼마 안 됐는데, 그동안 술을 못 먹어서 생맥이나 같이 시켜서 먹어야지~ 하고 주문. 나는 아나고 텐동, 같이 온 누나는 에비텐동, 그리고 생맥 300ml 2개 시켰다. 플래시 켜고 찍은거랑 끄고 찍은 거 사진 두 개 받았는데.. 플래시 킨 게 더..

[JavaScript] JavaScript 기본 문법 (7) - 객체 (4) - new 연산자와 생성자

생성자 (Constructor) 이거 뭐임? 이거 왜 씀? 객체를 생성할 때 사용하는 함수. 같은 프로퍼티들을 가진 비슷한 객체들을 여러 개 찍어내기 위해 만듬. 이거 어떻게 씀? (Constructor Usage) 생성자 명은 대문자로 시작하는 관례가 있음. (Ex. User, Default, Spring...) new 키워드를 통해 호출해야 함. this.(property) 를 통해 property를 명시. function User(name, age) { this.name = name; this.age = age; } let user1 = new User("Kim", 30); let user2 = new User("Lee", 20); console.log(user1); console.log(user2..

[JavaScript] JavaScript 기본 문법 (6) - 객체 (3) - 메소드(Method)와 this 키워드

Method 메소드(Method) VS 함수(Function) 메소드는 함수의 일종. ( 메소드 ⊂ 함수 ) 메소드는 객체에 종속된 함수. 객체의 property 값인 함수. Method examples Method 만들기 객체 프로퍼티의 value로 함수를 할당. let user = { name: "Kim", age: 30, sayHi: function () { console.log("HI"); }, }; user.sayHi();// output : HI 이미 정의된 함수를 메소드로 만들 수도 있음. let user = { name: "Kim", age: 30, }; function sayHi() { console.log("HI"); } user.sayHi = sayHi; user.sayHi();// ..

[JavaScript] JavaScript 기본 문법 (5) - 객체 (2) - Shallow Copy(Copy by reference), Deep Copy(Copy by value)

Copy by reference (Shallow Copy) Shallow Copy JavaScript에서 다른 원시 자료형(type)과 달리, 객체(Object)는 변수에 Object 자체가 저장되는 것이 아닌, 변수에는 Object의 Reference(주소값)가 저장된다. let user = { name: "John", }; 이 때 변수 user에 객체 { name : "John" } 자체가 저장되는 것이 아니라, 객체가 담긴 메모리 위치의 "주소값"이 저장된다는 것이다. (필자는 C, C++ 때의 포인터를 떠올리니 어렵지 않게 이해할 수 있었다.) 따라서 object가 할당된 변수를 복사할 때는 object 자체가 복제되는 것이 아니라 object의 reference가 copy된다. let user ..

[JavaScript] JavaScript 기본 문법 (4) - 객체 (1) - 기본 개념

객체 (Object) 키(key) : 값(value) 쌍으로 이루어진 property(프로퍼티)를 여러 개 저장할 수 있는 자료형. 객체 생성법 let user = new Object(); // '객체 생성자' 문법 let user = {}; // '객체 리터럴' 문법 객체 선언은 주로 객체 리터럴(object literal) 방법을 사용. 객체 생성자 함수를 사용한 객체의 생성은 기본문법(7)-객체(4)에서 서술. 객체 프로퍼티 조작 객체 생성 let user = { name: "John", // key: "name", value: "John" age: 30 // key: "age", value: 30 }; Property 추가 (object).(key) = (value) 또는 (object name)..