호다닥

position position: static; 차례대로 왼쪽에서 오른쪽, 위에서 아래로 쌓인다. position: relative; 태그의 위치를 변경하고 싶을 때 사용하며 top, right, bottom, left 속성을 사용해 위치 조절이 가능하다. 각각의 태그가 기존 static 였을 때 위치를 기준으로 해당 속성 방향으로 주어진 픽셀만큼 이동한다. position: absolute; relative가 static인 상태를 기준으로 주어진 픽셀만큼 움직였다면, absoulte는 postition: static 속성을 가지고 있지 않은 부모를 기준으로 움직입니다. 만약 부모 중 position이 relative, absolute, fixed 인 태그가 없다면 가장 위의 태그(body)가 기준이 된..

JavaScript: What is the ternary operator 출처 : codeburst.io, Brandon Morelli 해당 내용은 Brandon Morelli의 article을 개인적으로 번역한 내용이며, 잘못 번역된 부분이 있을 수 있습니다. 원문은 위에 적힌 주소에서 확인하실 수 있습니다. 삼항연사자와 함께 쓰인 if문을 간결하게 하는 방법과 4가지 예시를 함께 배울 것이다. 전형적인 IF 문 우리가 사람들의 나이를 가지고 있고, 만약 그들이 운전을 할 수 있는 나이라면 true 값을 할당하고 그렇지 않으면 false를 할당하고자 한다. 그리고 운전을 하기 위해서는 16세 이상이어야 한다고 가정해보자. 이 시나리오에서 IF문은 아래와 같을 것이다. let age = 20; let d..

JavaScript: What is short-circuit evaluation? 출처 : codeburst.io, Brandon Morelli 해당 내용은 Brandon Morelli의 article을 개인적으로 번역한 내용이며, 잘못 번역된 부분이 있을 수 있습니다. 원문은 위에 적힌 주소에서 확인하실 수 있습니다. variable들을 쉽게 할당하기 위해 논리적인 OR( || )을 어떻게 사용할지 배우기. 3가지 논리적인 연산자들 자바스크립트에는 3가지 논리연산자들이 있다. AND && OR || NOT ! 오늘 우리는 OR || 에 대해 배워볼 것이다. 자바스크립트에서 OR 연산자는 모든 피연산자함수가 true일 때, true를 return한다. true || true; // true true ||..

Javascript & The spread operator 출처 : codeburst.io, Brandon Morelli 해당 내용은 Brandon Morelli의 article을 개인적으로 번역한 내용이며, 잘못 번역된 부분이 있을 수 있습니다. 원문은 위에 적힌 주소에서 확인하실 수 있습니다. 이게 무엇처럼 보이나? 점 세개 : . . . 이것은 무엇일까? spread 연산자는 여러개의 elements / variables / arguments가 예상되는 곳에서 표현식을 확장시켜준다. 몇가지 예시를 통해 spread 연산자가 정확히 무엇인지 알아보자. middle 이라는 배열을 만든다. middle 배열을 포함하는 두번째 배열을 만든다. 결과값을 기록한다. var middle = [3, 4]; var..

JavaScript: Template Literals & Tag Functions for Beginners 출처 : codeburst.io, Brandon Morelli 해당 내용은 Brandon Morelli의 article을 개인적으로 번역한 내용이며, 잘못 번역된 부분이 있을 수 있습니다. 원문은 위에 적힌 주소에서 확인하실 수 있습니다. 대부분의 사람들이 그러는 것처럼 나는 click-bait title들을 싫어한다. 하지만 진지하게 "당신 코드의 가독성을 즉시 높여줄 간단한 한가지 트릭"이라는 제목을 사용하겠다. Back-tick은 당신의 친구입니다. 템플릿 리터럴은 작은 따옴표( ' )나 따옴표( " ) 대신 back-tick( ` )을 사용한다. console.log(`Hello World`..

JavaScript: Learn Regular Expressions for Beginners 출처 : codeburst.io, Brandon Morelli 해당 내용은 Brandon Morelli의 article을 개인적으로 번역한 내용이며, 잘못 번역된 부분이 있을 수 있습니다. 원문은 위에 적힌 주소에서 확인하실 수 있습니다. 자바스크립트에서 정규표현식은 문자열에서 문자조합과 대응시키기 위해 사용되는 객체이다. 첫번째 정규표현식 만들기 정규표현식을 만드는 방법에는 2가지가 있다. 하나는 정규표현식 리터럴 방식이고 하나는 정규표현식 생성자 함수를 사용하는 것이다. // Regular Expression Literal - Uses slashes ( / ) to enclose var option1 = /c..

안녕하세요! 오늘 제가 소개할 곳은 합정에서 맛있는 곱창을 먹고 싶을 때 가는 곳입니다. 1호점, 2호점 있으니까 가까운 곳으로 가세요~!! 위치: 서울 마포구 성지길 18 번호: 02-379-9092 기타: 매일 17:00-02:00 합정역 7번출구에서 도보 5분정도에 위치해 있습니다. 웨이팅이 항상 있는 곳이라, 시간을 잘 맞춰 가야해요! 구공탄곱창은 석쇠판, 치즈판을 고를 수가 있어요! 저는 당연 석쇠판 ^^! 치즈판으로 드시려면 5,000원 추가하면 됩니다. 기본 반찬으로는 양파, 무쌈, 야채쌈, 얼큰한 콩나물국입니다. 그리고 인원 수당 하나씩 계란후라이를 먹을 수가 있어요! 짱짱~ 더 먹고 싶으면 500원을 내고 추가로 먹을 수 있습니당~! 양념막창을 주문하였어요~ 매운 걸 잘 먹는 편은 아니지..

JavaScript For Beginners: the 'new' operator 출처 : codeburst.io, Brandon Morelli 해당 내용은 Brandon Morelli의 article을 개인적으로 번역한 내용이며, 잘못 번역된 부분이 있을 수 있습니다. 원문은 위에 적힌 주소에서 확인하실 수 있습니다. 4가지 법칙 new 예악어가 무엇인지 이해하는 것은 new 예악어를 이해하는 가장 간단한 방법이다. new 예악어를 사용할 때, 4가지의 일들이 발생한다. 새로운 빈 객체를 만들어낸다. this를 새로 만들어진 객체에 bind한다. 새로 만들어진 객체에 "__proto__"라 불리는 property를 더한다. 이것은 constructor 함수의 prototype 객체를 의미한다. retur..

안녕하세요. 오늘 제가 소개해드릴 맛집은 송도에서 맥주와 수제버거가 맛있는 곳이자, 외국인들이 즐겨 찾는 곳인 버거룸181입니다. 송도 센트럴파크푸르지오 A동 2층에 위치해있습니다! 위치: 인천 연수구 센트럴로 160 송도 센트럴파크푸르지오 A동 2층 228호 번호: 032-279-0016 기타: 주말 11:30=23:30 / 평일 11:30-23:30 / 브레이크타임 15:00-17:00 / 월요일 휴무 송도 수제버거집을 찾고자 하면 가장 먼저 나오는 곳이 바로 버거룸181이 아닐까 생각해요. 그만큼 송도에서 수제버거로 엄청 유명한 곳입니다! 버거와 더불어 맥주까지 완벽하게 맛있는 곳입니다! 여기는 가게 안에 테이블 옆에 손을 닦는 곳도 마련되어 있어요. 굳이 화장실에 가지 않아도 세면대가 있어서 너무..

안녕하세요. 오늘 제가 소개해드릴 맛집은 여의도에서 엄청 유명한 곳이에요!! 다들 들어보셨을 만한 곳이라고 생각되는데요~ 바로 전경련회관 50층에 위치한 세상의 모든 아침입니다! 고층에서 여의도 전망을 바라보며 식사하는 모습은 누구나 꿈꿨을 텐데요~ 이 곳이 바로 그 곳입니다! 위치: 서울 영등포구 여의대로 24 전경련회관 50F 번호: 02-2055-4442 기타: 매일 09:00-23:00 / 브레이크타임 15:00-17:00 경치가 너무나 좋은 곳입니다! 창가 쪽에 앉으면 더 근사한 경치를 볼 수 있지만, 예약을 하고 오지 않아서 중간 테이블에 앉았습니다. 창가 쪽을 원하신다면, 예약을 꼭 하세요! 웨이팅이 긴 곳이라 걱정을 했지만 다행히 바로 들어올 수 있었어요~ 브런치 맛집답게 다양한 종류들이 ..