MENU (10) 썸네일형 리스트형 this 개념 이해하기 this 내가 국민학교 2,3학년때 (1992년정도?) 3-4명이 그룹을 지어 1조를 이뤄 매 주 각 집으로 로테이션하면서 영어선생님을 모시고 학습하는게 유행이었다. 그때 핵심 자료는 영어 비디오였다. (지금은 찾아보기도 힘든 비디오 테이프이지만..) 다른 건 기억이 하나도 나지 않지만, 요상한 동물이 나와 요상한 영어 노래를 부르던 장면은 어렴풋이 기억이 난다.(이 동물은 과연 무엇이었을까?) "This is a banana" , "This is an apple" 노래와 함께 여러 과일들을 영어로 소개해줬다. 이 때 배웠던 멜로디와 "This is ..." 문장은 내 머릿속에 깊숙히 새겨져 있다.한글로 해석하면 단순히 '이것'이라고 말할 수 있지만 영어에서는 좀 더 포괄적으로 사용되고 있.. 매일 매 순간 기적을 이루고 있지 않은가? 정신없이 토요일 스케줄을 보내고 저녁이 되자 난 녹초가 되어버렸다. 8시가 되자 몰려오는 피곤함을 이겨내지 못하고 침대에 걸터 앉아 아이패드를 보자 졸음이 쏟아졌다. 그리고 얼마 지나지 않아 난 잠들어 버렸다. 갈증이 나기도 하고 소변이 마려워 잠에서 깼다. 시계를 보니 새벽 1시50분.. '이런 젠장' 속으로 생각했다. 느낌상으로 다시 잠들거 같지 않았다. 그래서 자려는 마음을 포기하고 컴퓨터를 키고 멍하니 게임을 하고 인터넷을 보고 있었다. 공부가 집중 될 거 같지도 않고 이렇게 멍하게 있다가 허무하게 시간을 보낼 거 같다. '차라리 있다가 해야 할 주방일을 지금 해버리자' 라는 생각이 들어 자리에 일어나 주방으로 갔다. 새벽의 고요함과 와이프가 잠들어 있어 음악을 틀어놓긴 힘들거 같아, 에어팟을 귀.. 1. 운동 유튜버 홈페이지 대문 내 맘대로 해석해보기.1 운동 유튜버 홈페이지 대문 무작정 보이는 영어문장을 내 맘대로 해석하는 유쾌,상쾌,통쾌 첫번째 시간이다. 요즘 Covid-19문제로 헬스장 갈 엄두가 나지 않는다. 나이가 들수록 근력은 줄어들어 체력을 딸리고 건강한 육체와 정신으로 하루하루 살아가기 위해서는 운동이 필수라고 생각한다. 홈트레이닝을 해보려고 간단한 아령같은걸 사보았지만 19:00에 퇴근인 나인데 20:00에 집에 도착하고 설거지하고 도시락 싸고 청소하면 21:00가 된다. 30분 정도 짬을 내어 홈트 근력을 해보았지만 집중력도 떨어지고 체력적으로 힘이 딸려 운동이 되지 않았다. 고민끝에 남들보다 ?!매우 빠르게 회사에 출근하는 나의 이상한 장점과, 내가 있는 사무실에 운동을 할 수 있는 커다란 공간이 있어서 회사에.. 브라우저에서의 자바스크립트 동작 알아보기.2 바로 이전 포스트 브라우저에서의 자바스크립트 동작 알아보기.1에서 window 객체 document 객체 DOM과 DOM트리 DOM에서의 노드란 무엇이고 노드 종류와 관계 DOM에서의 노드 이동 / 노드 값에 접근해서 출려값을 알아보고 노드 값을 수정하는 프로퍼티 에 대해서 알아보았다. 이번 포스트에서는 새롭게 요소(element)노드를 자바스크립트에서 생성하는 법과 생성한 노드를 기존 요소노드에 추가해보기 요소(element)노드 삭제와 이동방법 알아보기 요소(element) 노드에 접근해 요소의 정규 속성(attribute)값을 자바스크립트로 추가해보기 자바스크립트 CSS 컨트롤 하는 방법 요소의 비정규 속성(attribue)값을 활용하는 방법 에 대해서 알아보자. 🔶예제 코드 캐릭터 알아보기 탱커 .. 브라우저에서의 자바스크립트 동작 알아보기.1 현재 Codeit | JavaScript 중급과정을 중 'Browser에서 자바스크립트 동작'부분을 학습 중이다. 이 부분에서 새롭게 알게 된 정보와 중요하다고 생각되는 내용 그리고 배운 내용과 관련된 간단한 예제코드등을 정리해보았다. 🙄⁉브라우저도 객체이다?! 강의 내용에서 이런 말을 듣고 관련 내용을 검색해보았는데, 단순히 '브라우저=객체'가 아닌 웹 브라우저는 여러 객체들을 가지고 있다. 라고 표현하는게 맞는거 같다. 그렇다면 웹 브라우저가 가지고 있는 객체들은 무엇일까? window (최상위 객체) location navigator history screen document (DOM이라고도 부른다) 이 위의 객체들은 자바스크립트가 아닌 웹브라우저에서 제공하는, 즉 웹브.. HTML에서의 자바스크립트가 어떻게 동작하는지 알아보기. 컨텐츠의 내용은 'Codeit | 인터랙티브 자바스크립트' 온라인 강좌를 듣고 학습한 내용과 코드들을 머릿속에 정리하기 위해 정리해 본 내용입니다.(행여라도 문제가 생길 시 바로 컨텐츠를 삭제하도록 하겠습니다.) 웹에서의 자바스크립트는 어떻게 동작하는지에 대해 알아보자. 첫번째는 HTML에서의 자바스크립트 동작 두번째는 CSS에서의 자바스크립트 동작 세번째는 Browser에서의 자바스크립트 동작 총 3가지의 자바스크립트 동작중 첫번째인 HTML에서의 자바스크립트 동작을 간단한 예제를 통해서 알아보자. css파일을 따로 생성하기 귀찮아서 tailwind css의 도움을 받았다. Interactive JavaScript-HTML 0 + - red orange blue purple index.j.. 이전 1 2 다음