As i wish

클로저란? 클로저는 함수와 함수가 선언된 어휘적 환경의 조합이다. 무슨말인지 모르겠다.... MDN web docs를 보면 조금 이해가 편하다. 클로저 클로저는 함수와 함수가 선언된 어휘적 환경의 조합이다. 클로저를 이해하기 위해서는 자바스크립트가 어떻게 변수의 유효범위를 지정하는지(Lexical scoping)를 먼저 이해해야 한다. developer.mozilla.org function init() { var name = "Mozilla"; // name은 init 에 의해 생성된 지역변수다 function displayName() { // displayName() 은 내부 함수이며,클로저다 alert(name); // 부모 함수에서 선언된 변수를 사용한다 } displayName(); } init(..

안녕하세요. 오늘은 JS에 기본 개념인 scope, hoisting에 대하여 포스팅 해보겠습니다. JS 강좌를 듣고 있으면 scope, hoisting, closure 등등 알수 없는 말들이 많은데요. 개념을 확실히 잡고 가야할듯 합니다. Scope (유효 범위) 변수나 함수에 대한 유효 범위입니다. 즉, 변수와 매개변수의 접근성과 생존기간을 의미 합니다. - Global Scope (전역 스코프) 말 그대로 전역 변수 라고 생각하면 쉽겠네요. var a = 'text'; function foo() { console.log(a); } foo(); // text console.log(a); // text 이렇게 선언하면 스코프가 코드 모든곳이 됩니다. 심지어 선언한 함수 안에서도요. - Local Scop..

이중 연결 리스트 (Doubly linked list)를 구현하시오. - add(value): 주어진 value를 리스트 처음 노드로 등록. - search(value): value 를 가진 노드를 리턴. - remove(node): 주어진 노드를 연결 리스트에서 제거.

오늘은 가위바위보 게임을 바탕으로 React에 라이프 사이클, 고차 함수, Hooks useEffect에 대하여 포스팅 해보겠습니다. 계속 해서 언급 하지만 제 포스팅은 '제로초' 님의 리액트 강좌를 바탕으로 합니다. 제로초님의 웹게임 강좌 리액트 무료 강좌(웹게임) - YouTube www.youtube.com 먼저 라이프사이클에 대하여 알아보겠습니다. 리액트 라이프 사이클은 하나의 component의 생명 주기를 의미 하는데요. 처음 component가 rendering 되고 없어 질 때 까지 를 의미 합니다. 여러가지가 있는데, 기본적으로 componentDidMount, componentDidUpdate, componentWillUnMount 요 3가지가 가장 중요하죠. 대략적인 의미는 다음과 같..

리액트 프로젝트를 수동으로 셋팅 할 때에 필요한 프로젝트 셋팅과 개발의 편의를 위한 웹팩 적용을 포스팅 해보겠습니다. 기존 포스팅 한것을 한곳에 모은 것이기 때문에 링크를 클릭하여 확인해 주시면 되겠습니다. 프로젝트 셋팅 [React 구구단] React 프로젝트 셋팅 안녕하세요. 엄티 입니다. 이제부터 React를 사용해서 간단한 구구단 게임을 만들어 보겠습니다. 그전에 React를 사용하기 위한 간단한 프로젝트 세팅을 해보겠습니다. 참고로 제 포스팅 유명하신 '제로초'님 강좌.. eomtttttt-develop.tistory.com webpack, hot loader 적용 [React 끝말잇기] webpack-dev-server 및 react-hot-loader 안녕하세요. 엄티 입니다. 오늘은 리액트..

오늘은 지난번에 배웠던 니온밸리 컨트롤과 연결 시켜 종합적인 탑 컨트롤에 대하여 배웠습니다.. 니온밸리 컨트롤 [주짓수 일지 2019.07.02 (TUE)] 니온밸리 컨트롤 안녕하세요. 오늘은 사이드에서 니온밸리를 한 후 컨트롤에 대하여 배웠습니다. 기본적으로 니온밸리를 당하면 밑에 있는 상대는 정말 힘듭니다. 니온밸리는 말 그대로 Knee on Belly로 상대 배 위에 무릎을 올려.. eomtttttt-develop.tistory.com 이에 따라 지난번에 포스팅을 했었는데 편의를 위해 저날 포스팅 했던 영상을 다시 가져와 봅니다. 니온밸리 컨트롤 니온밸리 스피닝암바 이정도 였는데 오늘은 여기에다가 더해서 반대로 니온밸리 후 로데오마운트 까지 타는것을 배웠는데요. 이런 움직임입니다. 사이드컨트롤 ->..

안녕하세요. 오늘은 '반응속도 체크' 게임을 만들어 보겠습니다. 앞서 계속해서 언급했지만 제 포스팅은 '제로초' 님의 유투브 강좌를 듣고 복습하는 내용으로 꾸며집니다. 제로초님의 웹게임 강좌 리액트 무료 강좌(웹게임) - YouTube www.youtube.com 오늘은 '반응속도 체크' 게임을 통하여 jsx 안에서 조건문, 그리고 타이머에 관하여 공부했습니다. 일단 결과창 부터 확인해 보겠습니다. 이렇게 상태가 총 3가지 정도가 있고 파랑 -> 빨강 -> 초록 에 따라서 클릭 했을 때에 변화를 주는거죠. 먼저 파랑(waiting) 일때 클릭하면 빨강(ready)화면이 됩니다. 그 다음 특정 시간이 지나면 초록(now) 화면이 되는데 이 때, 화면을 클릭해서 반응속도를 체크하는거죠. 물론 빨강(ready..

오늘은 노기를 다시 시작하는 날이었는데요. 노기는 말 그대로 기가 없는, 즉 도복을 입지 않고 하는 주짓수라고 하죠. 실제 MMA에서 많이 사용되는 거죠. 기가 없으니 상대를 잡아두기도 힘든 반면 제가 잡히기도 조금 힘든 장점이자 단점이 있죠. 또한 실제로 스파링을 하다 보면 정말 미끄러워요. 그럼에도 불구하고 저는 하체 관절기를 계속 당해서 탭을 엄청 쳤습니다. 하체는 조금 무섭기 때문에 그립만 나오면 바로 탭을 쳤어요. ㅎㅎ 다음에 하체를 배울 날이 오면 포스팅해보겠습니다. 여하튼 오늘은 노기에서 더블 언더 패스를 배웠는데 아무래도 기가 없다 보니 더블 언더를 했을 시 상대를 잡아놓기가 힘들죠. 따라서 그립을 확실히 채우고 상대 엉덩이를 제 무릎까지 올리는 게 상당히 중요합니다. 위 자세처럼 되어야지..

안녕하세요. 오늘은 사이드에서 니온밸리를 한 후 컨트롤에 대하여 배웠습니다. 기본적으로 니온밸리를 당하면 밑에 있는 상대는 정말 힘듭니다. 니온밸리는 말 그대로 Knee on Belly로 상대 배 위에 무릎을 올려놓는 자세이죠. 제압을 위한 자세라고 설명 되네요. 요런 자세인데 보기만 해도 힘이 드네요. 밑에 있는 상대는 이를 빠져나가기 위해 새우를 하거나 또는 역새우를 해서 뒤집기도 하죠. 이건 나중에 배우면 포스팅 해보겠습니다. ㅎㅎㅎ 여하튼 위와 같이 탑 포지션을 잡은 뒤 와이퍼 드릴, 스피닝 드릴를 통해서 상대를 컨트롤 하는 법을 배웠죠. 니온밸리 컨트롤 상대가 엉덩이를 조금 빼면 와이퍼 드릴로 넘어가고, 만약 상대가 엉덩이를 많이 뺀다 그럼 스피닝 또는 롱스텝드릴를 이용하여 상대 반대편으로 넘어..

오늘은 버터플라이 가드 스윕에 대하여 배웠습니다. 먼저 누워있는 상태에서 상대가 가드 패스를 하려고 들어올 때에 제 목이 따이지 않도록 손으로 막아줘야 합니다. 같이 드릴 하던 형님 께서는 마이클 잭슨 같다고 장난을 치기도 했죠. 즉, 상대가 내 다리를 치우고 내 왼쪽으로 들오 온다고 가정했을 때에, 내 오른손으로 상대 왼팔을 막아 주어 내 목이 따여서 크로스 픽스 자세가 나오지 않도록 해야 한다는 거죠. 그 이후 내 왼다리를 상대 다리사이에 집어 넣어서 버터플라이 가드를 셋업 합니다. 버터플라이 가드는 '마르셀로 가르시아'가 정말 자주 즐겨 쓰는 가드인데요. 영상을 보시면 엑스가드와 버터플라이 가드를 주로 쓰는 것을 보실 수 있습니다. 마르셀로 가르시아 - 버터플라이 스윕 버터플라이가드 기본 스윕에서 ..