Dongi_coding 동기_코딩

Здравствуйте! 지드라스트뿌이째! 동기 여러분! 오늘은 러시아어로 인사말을 해보았습니닼ㅋㅋㅋ. 오늘 알아볼 내용은 Body에 관한 내용인데요, 쉬우니까 간단간단하게 알아봅시다! The Body HTML의 요소(Element)중 하나인 바디(Body)는 앞 태그와 뒷 태그 사이에 실제로 웹페이지에 띄울 수 있는 내용을 넣을 수 있습니다. 내용에는 텍스트, 이미지, 버튼 등을 넣을 수 있습니다. 사용 방법 예제 이렇게 문단안에 글을 써서 넣어주면 오른쪽과 같이 출력이 되는 것을 확인할 수 있습니다. 바디(Body) 안에 있는 는 Paragraph의 준말로 HTML의 요소 중 문단에 해당하는 태그입니다. 오늘의 느낌 저녁은 뭘 먹어야 할까요?

하우즛 고잉 가이즈? 동기 여러분! 오늘부터 HTML를 시작하게 되었습니다. 우와아아아아 ~~ 이번에 알아볼 내용은 HTML의 기본 생김새를 알아보도록 하겠습니다. 갑시다! HTML Anatomy HTML은 요소(element)로 구성이 되어 있습니다. 이 요소들은 웹페이지의 구조와 내용을 나타냅니다. 아래의 그림을 봅시다. 요소(Element)는 HTML 태그로 이루어진 모든 것을 말하는데, 텍스트 또는 미디어를 포함합니다. HTML 태그는 (Angle bracket)으로 쌓여있는 것을 말하는데, 요소의 이름입니다. 앞 태그(Opening tag)는 요소의 시작을 나타냅니다. 뒷 태그(Closing tag)는 요소의 끝을 나타냅니다. 그리고 < 기호 오른쪽, 태그 이름 앞에 꼭 /(Slash)를 ..

하우즛 고잉 가이즈? 동기 여러분! 오늘은 너무나도 신나게도 자바스크립트 기초문법의 마지막 시간입니다. 이 주제를 마지막으로 Codecademy에서 제공하는 무료 레슨은 끝이 나게 됩니다. 아싸ㅋㅋㅋ 힘내서 가보도록 하죠! Built-in Object Methods 객체에서 우리가 메서드를 만들 수도 있지만, 만들어져 있는 메서드도 있는데 적재적소에 당겨와서 사용해주면 코드를 작성함에 있어서 더욱 쾌적한 환경이 만들어질 수 있습니다. MDN Web Docs에 있는 객체의 스태틱 메서드를 세 가지 정도 가져와서 알아보는 시간을 갖도록 하겠습니다. 링크 : https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Obje..

하우즛 고잉 가이즈? 동기 여러분! 오늘은 Destructured Assignment에 대해 알아보도록 하겠습니다. Assignment라는 단어 제가 참 싫어하는 단어인데, 캐나다서 학교 다닐 때 진짜 과제 때문에 열 받은 적이 한두 번 아니... 에헴 암튼 갑시다! Destructured Assignment Destrcture 파괴하다, 해체하다 라는 뜻이 있습니다. 진짜 파괴한 과제면 좋겠네요! ㅋㅋㅋ 여기선 그런 건 아니고 우리가 객체(Object)에서 프로퍼티(Property)를 추출할 때, 프로퍼티를 변수(Variable)에 저장을 합니다. 아래를 보시죠. // JavaScript const jinRamenHot = { price : '550원', weight : '120g', kcal : '5..

하우즛 고잉 가이즈? 동기 여러분! 오늘은 Factory Functions, 공장 함수에 대해 알아보겠습니다. 오늘 내용은 쉽고 간단하니까 빠르게 알아보도록 하죠! Factory Functions 리그 오브 레전드의 챔피언들의 스킬 이름을 알아보는 자료를 만든다고 생각해봅시다. 우리가 지금까지 배운 객체(Object)를 사용한다면 일일이 정보를 적어서 채워줘야 하는 방식입니다. 아래의 코드를 봅시다. // JavaScript const champions = { name : '가렌', passive : '인내심', q : '결정타', w : '용기', e : '심판', r : '데마시아의 정의', quote() { console.log('내 검과 심장은 데마시아의 것이다!') } } 가렌에 대한 코드를 적..

하우즛 고잉 가이즈? 동기 여러분! 오늘은 어제 Getters에 이어 Setters에 대해 알아보도록 합시다. 점점 내용이 어려워지고 있지만 괜찮습니다. 하나씩 알아가다 보면 언젠가 전문가가 되는 날이 올 것입니다! Setters 객체에서 프로퍼티는 두 가지 종류가 있습니다. 데이터 프로퍼티(data property): 일반적인 프로퍼티입니다. // 데이터 프로퍼티 let dongiRestaurant = { _kimchiJeyuk : 4500, _donKatsu : 5000 }​ 접근자 프로퍼티(accessor property): 어제 get 메서드를 소괄호(Parentheses) 없이 호출이 가능하다고 말씀드리면서 이게 접근자 프로퍼티이기 때문에 가능하다고 했었습니다. 이 친구는 함수와 같은 성질을 가..

하우즛 고잉 가이즈? 동기 여러분! 오늘은 Getter에 대해 알아보려 합니다. 다음 시간에 알아볼 Setter와 세트메뉴 같은 녀석인데 우리는 초보이기 때문에 하나씩 아주 쉽고 재밌게 해 봅시다 갑시다! Getter Getter 메서드는 객체 내부의 프로퍼티들을 가져오거나 반환해주는 아주 고마운 녀석입니다. 생김새 // JavaScript const 객체 = { _키: '벨류', _키2: '벨류2' get 메서드이름() { 여기에 조건 } } 예전에 배운 메서드(Method) 만드는 방법과 동일한데 그냥 맨 앞에 get만 붙혀주면 끝 예제와 설명 차근차근 뜯어봅시다. 객체(Object) applePen 선언하기 = { } 프로퍼티(Property) 생성, 키는 _pen 벨류가 'pen' 프로퍼티(Pro..

하우즛 고잉 가이스? 동기 여러분! 오늘은 Privacy에 대해 알아볼 건데 이것은 기능이라기 보단 관습? 관례? 같은 개발자들 간에 약속입니다. 그러면 가보도록 하죠 갑시다! Privacy 동아출판의 영어사전에 Privacy를 찾아보면 링크 : https://en.dict.naver.com/#/entry/enko/5d76e60c545b419798d447c5ca6e7d01 (남의 간섭을 받지 않는 개인의)사생활; 사적[개인적]자유, 프라이버시 남의 눈을 피함, 은거, 은둔, 은퇴 생활 비밀, 은밀, 비공개 은거처, 은둔소, 사람 눈에 띄지 않는 장소 라고 나옵니다. 객체(Object)에서 프로퍼티(Property)에 접근하고 업데이트를 당연한 일입니다. 하지만 개발자 인생을 살다가 보면 쉽고 간단하게 객..

헤헤헤헤이 ~~~ 하우즛 고잉? ㅋㅋㅋ 캐나다에 살면서 출근할 때 가장 많이 하는 인사말 같아요. 동기 여러분! 하우즛 고잉? ㅋㅋㅋㅋ 오늘은 어제에 이어서 Arrow Functions에서 this를 사용하는 방법 알아보도록 하죠. 가즈아! Arrow Functions and this 화살표 함수(Arrow Functions)는 몇가지 다른 사항과 제한이 있습니다. 자체의 this나 super에 대한 바인딩이 없고, 메서드로 사용하면 안 됩니다.

안녕하세요. 동기 여러분! 오늘 알아볼 내용은 this라는 키워드입니다. 요즘 너무 코드를 길게 적어서 제가 불편했는데 오늘은 아주 짧고 간결하게 끝내 보도록 하겠습니다. 갑시다! The this Keyword 객체(Object)는 데이터(data)들과 기능(functionality)의 모음집입니다. 이제 프로퍼티(Property)와 메서드(Method)를 객체(Object) 안에서 선언하는 방법들을 배웠기 때문에 이제 아래와 같은 코드를 적을 수 있습니다. // JavaScript const newMacBookPro16 = { chip : 'Apple M1 Pro chip', cpu : '10-core CPU with 8 performance cores and 2 efficiency cores', gp..