드리프트의 코-자-경

우리가 작성한 코드는 브라우저를 위한 것으로 보일 수 있습니다. let xPos = -500; function boringComputerStuff() { xPos += 5; if (xPos > 1000) { xPos = -500; } } boringComputerStuff(); 곧 알게 되겠지만 그렇지 않습니다. 우리 코드에 대한 또 다른 청중이 있습니다. 그 청중은 인간으로 구성되어 있습니다. 여러분과 제가 다른 자바스크립트 개발자들과 함께 일하는 경우가 있습니다. 우리는 종종 남들의 코드를 볼 것이고 남들은 종종 우리의 코드를 볼 것입니다. 이 모든 코드를 가능한 한 효율적으로 보이게 하려면 우리가 아닌 다른 사람이 코드를 보고있을 때 코드가 뭘 의미하고 있는지 명확하게 전달해야 합니다. 솔로 작업을..

무언가를 코딩 할 때 작업을 반복하거나 일부 코드를 여러 번 실행해야 할 때가 있습니다. 예를 들어, 10 번 반복해서 호출하고 싶은 saySomething이라는 함수가 있다고 가정 해 보겠습니다. 한 가지 방법은 복사 및 붙여넣기를 사용하여 함수를 10번 호출하는 것입니다. saySomething(); saySomething(); saySomething(); saySomething(); saySomething(); saySomething(); saySomething(); saySomething(); saySomething(); saySomething(); 위 코드는 우리가 하려고 했던 것을 이루었지만 ... 우리는 이와 같은 방식을 택해서는 안됩니다. 결국 코드 복제는 결코 좋은 생각이 아닙니다. 이제..

우리는 깨어 난 순간부터 깨닫든 모르든 결정을 내리기 시작합니다. 알람을 끕니다. 불을 켜시오. 날씨가 어떤지 보기 위해 밖을 보십시오. 양치질하기. 가운과 모자를 착용하십시오. 달력을 확인하십시오. 문 밖으로 나갈 때 쯤이면 의식적으로 또는 무의식적으로 수백 가지 결정을 내렸을 것입니다. 각 결정은 결국 오늘 하게 될 일에 특정 영향을 미칩니다. 예를 들어 외부 날씨가 추워 보인다면 후드 티나 재킷을 입기로 결정할 수 있습니다. 이 결정을 다음과 같이 모델링 할 수 있습니다. 결정을 내리는 각 단계에서 참 또는 거짓으로 대답 할 수 있는 질문을 스스로에게 물어 봅니다. 이 질문에 대한 답은 다음 단계를 결정하고 궁극적으로 당신이 티셔츠, 후드 티, 재킷인지를 결정합니다. 더 광범위하게 말하면 여러분과 ..

지금까지 우리가 작성한 모든 코드는 실제로 구조적이지 않습니다. 그저 달랑 한문장이죠. alert("hello, world!"); 이와 같은 코드를 갖는 것은 잘못된 것이 아닙니다. 코드가 단일 명령문으로 구성된 경우 특히 그렇습니다. 하지만 대부분의 경우에는 그렇지 않습니다. 현실 세계에서 사용하는 경우 코드는 이렇게 간단치 않습니다. 예를 들어보겠습니다. 비행기가 이동한 거리를 계산하는 공식을 생각해 봅시다. 학교에서 배운 기억을 되짚어 보면 이동한 거리는 속도와 시간을 곱하여 계산됩니다. 자바스크립트 버전으로 바꿔 보겠습니다. let speed = 10; let time = 5; alert(speed * time); 속도와 시간이라는 두 개의 변수가 있으며 각각 숫자를 저장합니다. "alert"함수..

JavaScript에서는 우리가 제공하거나 사용하는 모든 데이터는 값을 포함하는 것으로 간주됩니다. 1편에서 배운 아래 예제에서는 "hello, world!"라는 텍스트 값이 "alert" 함수에 전달하는 값을 포함하는 데이터입니다. alert("hello, world!"); JavaScript에게 이러한 단어는 표면 아래에 특정 표현이 있습니다. 그것들은 값(value)으로 간주됩니다. 우리가 그 단어를 입력 할 때 그것에 대해 많이 생각하지 않았을 수도 있지만 JavaScript 세계에서는 모든 데이터가 값(value)으로 간주됩니다. 자, 왜 이것이 중요할까요? 앞으로 자바스크립트에서 우리는 값(value)를 많이 다룰 것이기 때문에 중요합니다. 실수만 하지 않는다면 자바스크립에서 값(value)과..

1. 자바스크립트 소개 HTML은 구조와 내용에 관한 것입니다. CSS는 HTML을 멋지게 만드는 것입니다. 둘을 잘 조합하면 아주 멋진 사이트를 만들 수 있습니다. CSS와 HTML만 사용하여 사이트를 구축해도 멋진 사이트를 만들 수 있지만 그 사이트는 매우 정적입니다. 사용자의 행동에 반응하지 않습니다. 마치 재미없는 TV드라마의 재방송을 계속해서 보는 것과 같습니다. 잠시 동안은 재미있지만 결국 지루해집니다. 오늘날 웹은 정적이 아닙니다. 웹은 HTML과 CSS 자체가 제공 할 수 있는 것 이상의 상호 작용과 커스터마이징 기능을 갖추고 있습니다. 콘텐츠가 살아 나게 하려면 외부의 도움이 필요합니다. 이 때 필요한 것이 바로 자바스크립트(JavaScript)입니다! 2. 자바스크립트는 무엇? Java..

새 아파트 입주를 한달 앞두고 10년된 가전을 이번에 다 바꾸기로 결정을 했습니다. ​ 삼성과 LG, 고민할 것도 없이 가전은 LG입니다. 일단 브랜드를 정했기 때문에 어디서 살지 고민해 봤는데, 코스트코, 하이마트, 전자랜드, LG 베스트샵, 롯데 백화점 등 여러곳을 알아본 뒤 ​내무부 장관님께서 꼼꼼히 이곳 저곳 알아보고 여기 저기 견적을 내보았습니다. ​ 코스트코 단품이 가격이 매우 쌉니다. 하지만 요즘 LG에서 오브제 라인을 밀고 있고 또 프로모션이 많아서 코스트코 단품 가격이 매력적이라도 백화점이나 베스트샾에서 일괄 구매하는게 별차이가 없습니다. ​ 코로나로 인해 직접 방문보다는 언택트 전화상담 후 가장 조건이 좋은 곳을 골랐습니다. 그곳은 바로 LG베스트샵 장안점. ​ 담당자분이 먼저 오신 손..

안녕하세요? 1편에 이어 2편에서 자바스크립트로 웹 스크래핑하는 방법에 대해 알아 보겠습니다. https://cpro95.tistory.com/71 자바스크립트 웹 스크래핑 맛보기 안녕하세요? 오늘은 웹 스크래핑 (web scrapping)에 대해 알아보겠습니다. 웹 스크래핑이 왜 필요할까요? 대학 과제나 회사 업무에서 간혹 기초 자료가 필요한 경우가 있습니다. 이럴때 보통 구글 검 cpro95.tistory.com 1편 마지막에서 문제점이 발생됐는데요, 모든 차종 개수와 판매대수 개수가 틀립니다. 다른 차종의 판매대수 css 클래스는 "total_num"인데, "버스/트럭 (현대)" 차종은 판매대수의 css 클래스가 "total_num"이 아닌 그냥 "num"입니다. 그 외 "카운티", "더 뉴 G70..

안녕하세요? 오늘은 웹 스크래핑 (web scrapping)에 대해 알아보겠습니다. 웹 스크래핑이 왜 필요할까요? 대학 과제나 회사 업무에서 간혹 기초 자료가 필요한 경우가 있습니다. 이럴때 보통 구글 검색을 통해 자료를 찾았어도 만약 그 양이 방대할 경우 일일이 시간 낭비할 수 없습니다. 이럴 때 필요한게 웹 스크래핑인데요, 오늘은 자바스크립트 정확히는 NodeJS로 알아 보겠습니다. 일단 웹 스크래핑 목적이 있어야 되는데요. 2020년 현대기아차 판매실적을 알아 보겠습니다. 국내에서 판매되는 국산차와 수입차 통계 실적을 잘 보여주는 곳이 있습니다. http://auto.danawa.com/auto/?Work=record 2020년 12월 판매실적 | 자동차 백과 : 다나와 자동차 2020년 12월 국..

용인 야외 포은대로변에 있는 인도어 및 야외 스크린 골프장이 있어 소개합니다. 주인공은 센츄리골프랜드입니다. 주소는 경기도 용인시 처인구 모현읍 오산로13번길 24입니다. 지도는 밑에 있습니다. 요즘 야외 인도어 골프장이 경쟁적으로 스크린을 접목시켜 손님을 끌고 있습니다. 이 연습장도 1시간 인도어 골프 연습 + 스크린 골프를 운영하고 있습니다. 일단 들어가시면 특이한 엘리베이터가 있습니다. 일명 골프백 엘리베이터. 밑에 사진 보십시요. 3층까지 한번에 골프백 3개를 싣고 올릴 수 있습니다. 인도어 연습장을 좀 보겠습니다. 1,2층이 연습장이고, 3층은 스크린 골프장입니다 3층은 야외 스크린 골프장으로 일단 사진을 보겠습니다. 중간 문이 있고 칠 사람만 나가서 치고 안 치는 사람은 문안에 따뜻하게 있을 ..