1. 함수 표현식 :함수를 변수에 할당한 것 :함수는 sayHi()처럼 호출할 수 있다는 점에서 일반적인 값과는 다르나 본질은 값이다. 따라서 값에 할 수 있는 일ㅇ은 함수에도 할 수 있다. :함수선언문에는 세미 콜론이 없지만 함수 표현식에선 쓰는 것이 좋다! -조건문, 반복문, 함수선언문과 같이 중괄호로 만든 코드블럭에는 세미콜론이 붙지 않아도 된다. 하지만 함수 표현식의 경우 함수는 중괄호가 아니라 let 변수 = ...; 구문 안에서의 값의 역할을 한다. 따라서 이러한 구문 ㄲ끝에는 세미 콜론을 붙이는 게 좋다. => 함수 표현식에 쓰인 세미콜론은 함수 표현식이기 때문에 붙은 것이 아니라 구문의 끝이기 때문에 붙여진 거! -함수 선언문은 호이스팅 되어 어디서든 함수를 사용할 수 있지만 함수 표현식은..
1. dangerouslySetInnerHTML -코드에 HTML 텍스트를 넣었을 때 코드가 적용되는 것이 아니라 그대로 나오는 이유는 XSS(사이트 간 스크립팅) 공격을 막기 위해 리액트에서 일부러 설정해둔 것. 따라서 코드를 정상적으로 작동시키기 위해서는 dangerouslySetInnerHTML을 사용해야 한다. 보안상 중요하지 않은 경우 dangerouslySetInnerHTML을 사용하고 보안상 중요한 부분은 따로 모듈을 사용해야 한다. => 리액트를 공부하면서 그 외에 부가적인 가상 DOM, SPA 등에 대해 공부해볼 수 있어서 좋았다. 새롭게 알게 된 것을 그냥 알고 넘어가는 것이 아니라 포스팅을 통해 깊이있게 공부하면 좋을 것 같다. 작은 것이라도 포스팅으로 기록을 남기면 이후에 다시 복습..
1. 레이블 -중첩 반복문을 한 번에 모두 빠져나와야하는 경우 사용한다. -레이블은 반복문 앞에서 콜론과 함께 사용되는 식별자이다. outer: for (let i = 0; i >반복문을 알고리즘 문제를 풀면서 많이 접했지만 레이블이라는 개념은 처음이었다. 알아두..
1.자바스크립트 클로저 -클로저는 함수와 그 함수가 선언됐을 때의 렉시컬 환경의 조합이다. 즉, 내부함수가 외부함수에 의해 선언됐을 때 리턴되는 내부함수와 외부함수의 스코프의 조합이 되는 것이다. 따라서 함수는 호출된 뒤에는 그 함수 안에 있는 변수에 접근할 방법이 없지만 내부함수 즉, 클로저가 있는 경우 별도로 외부함수의 변수를 참조할 수 있다. -클로저를 이용하는 경우 class의 private를 흉내낼 수 있다. 함수 내부의 변수는 외부에서 접근할 수 없기 때문에 함수 내부에서 this를 이용해 메소드를 사용하면 함수 내부의 변수 은닉화가 가능해진다. -클로저는 전역변수의 사용을 억제하고 최신 값을 유지하는 데에 유용하다. 만약 전역변수에 값이 변경되면 안되는 경우 외부에서의 접근을 막기 위해 함수..
1. 리액트 챕터3 마무리 -CrateContext를 사용하면 컴포넌트끼리 값을 쉽게 전달할 수 있다. -리액트에서 함수 반환 값은 무조건 하나여야 하는데 이를 위해 를 사용하는 것보다 frogment를 사용하는 것이 좋다. -react-router-dom 에선 a태그와 유사한 Link 태그가 사용된다. 2. 프로그래머스 레벨1 알고리즘 3. 모던 자바스크립트 튜토리얼 -연산이 되는 대상을 모두 피연산자라고 부름. 피연산자가 하나면 단항 연산자, 두 개 이상이면 다항 연산자. -== (동등 연산자), ===(일치 연산자) : 일치 연산자는 형을 변환하지 않고 비교한다. -null과 undifined는 동등 연산자로 비교하면 true이지만 서로와 자신을 제외한 모든 것은 false -하지만 null과 un..
어제는 코테를 보고 휴식! 1. 프로그래머스 레벨 1 3개 -코테를 보고 나니 조금만 어려워져도 못 푸는 것 같다. 레벨1부터 차근차근 해결해보면서 알고리즘 강의를 들어야겠다. 2. 모던자바스크립트 튜토리얼 -변수명에서 특수문자는 $와 _만 사용가능 -크롬, 오페라에서 사용되는 자바스크립트 엔진을 v8, 파이어폭스에서 사용하는 자바스크립트 엔진을 spiderMonkey라고 한다.
1. 프로그래머스 4문제 -DFS(깊이탐색)/BFS(너비탐색) :깊이탐색은 스택을, 너비탐색을 큐를 사용한다. :최단거리를 구하는 경우 너비탐색을 이용 :재귀함수를 이용하는 방법이 흔하게 사용된다. => 알고리즘 이론은 이해가 되는데 이걸 이용해서 코드를 수월하게 짜는 것이 아직 어렵다. 많은 알고리즘 문제를 접해봐야할 것 같다. 2. 리액트 복습 - 코딩앙마 리액트 강의 복습 : 코딩앙마님의 강의를 보고 만든 웹사이트를 다시 살펴보고 prev day, next day로 이동할 수 있는 버튼을 만들었다. 아주 같단한 버튼이었지만 어떤 식으로 해야하는지 감이 안와서 오래걸렸다. -테크잇 리액트 애플스토어 클론 강의 -리액트는 SPA 방식을 사용 (react-router-dom) -가상 돔을 사용하기 때문에..
1.프로그래머스 2문제 - 대략적인 해결법을 알고있는 문제를 푸는 것임에도 어려움이 있었다. 좀 더 다양한 방법으로 고민해보자. 2. 리액트 강의 끝 -CRUD :리액트로 CRUD 하는 방법을 배웠다. fetch로 데이터를 받아와서 method, headers를 이용하는 방법을 처음 알게 되었다. -useNavigate :지정한 주소로 이동시켜주는 훅이다. => 정말 배웠다일 뿐 활용할 줄은 모른다. 이것저것 추가로 만들어보면서 리액트에 익숙해져야할 것 같다. 리액트 강의를 듣는 게 우선일듯!
시험과 위염으로 TIL을 일주일정도 못 썼다. 추석이라 또 공부를 많이 하진 않을테지만..다시 시작! 1. 프로그래머스 알고리즘 1문제 : 스택/큐 문제였는데 스택을 이렇게 사용할 수 있다는 것을 잊고 있었다. stack 에 대한 개념을 다시 찾아봐야 할 것 같다. 2. 자소서 완료, 지원 완료 : 계속 자소서 써야지 써야지 하다가 드디어!!! 제출 완료했다!
1. 프로그래머스 알고리즘 해시 : 알고리즘 처음 시작할 때 풀었던 문제를 다시 풀어보았는데 물론 어떤 방식으로 해결해야하는지 해결방법을 미리 알고있었던 것도 있지만 좀 더 수월하게 푼 거 같아서 기뻤다. 그 때 알게되었던 논리연산자를 이용한 방법은 구현하지 못했지만 내가 쉽게 이해할 수 있는 또 다른 방법으로 코드를 작성한 게 오히려 좋았던 것 같다. 2. sqld : 얼른 sqld 를 끝내고 리액트 공부하고 싶다 ㅠㅋㅋㅋㅋ 기출 풀어봤는데 둘다 64점이라 너무 간당간당하다...과연 합격할 수 있을지? 내일까지 힘내보자!
