시행착오와 배움을 기록하는 공간

(백엔드개발자가 도전하는)한입 크기로 잘라 먹는 리액트(React.js) - 자바스크립트 응용 지난번 수업에 이어 작성하는 두번째 글이다. 다시 한번 소개를 하고자 한다. 인프런에서 접하게 된 강의 한입 크기로 잘라 먹는 리액트. 리액트를 시작해보고 싶었고 자바스크립트 기본기도 빠르게 다지고 가면 좋겠다는 생각을 늘 갖고있다가 만나게 된 강의이다. 군더더기 없는 깔끔한 설명과 스피드한 진행으로 매우 만족중이다. - 유데미 강의 https://www.udemy.com/course/winterlood-react-basic/ - 인프런 강의 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 - 인프런 | 강의 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한..

(백엔드개발자가 도전하는) 한입 크기로 잘라 먹는 리액트(React.js) - 자바스크립트 기본 인프런에서 접하게 된 강의 한입 크기로 잘라 먹는 리액트. 리액트를 시작해보고 싶었고 자바스크립트 기본기도 빠르게 다지고 가면 좋겠다는 생각을 늘 갖고있다가 만나게 된 강의이다. 수업 스타일이 굉장히 마음에 들었다. 군더더기 없는 깔끔한 설명과 스피드한 진행으로 수업을 착착 진행해가시는 Winterlood 님 이시다. - 유데미 강의 https://www.udemy.com/course/winterlood-react-basic/ 한입 크기로 잘라 먹는 리액트(React.js) : 기초부터 실전까지 - 인프런 | 강의 개념부터 독특한 프로젝트까지 함께 다뤄보며 자바스크립트와 리액트를 이 강의로 한 번에 끝내요...

자바스크립트에서는 배열에 다양한 함수를 제공해준다. 사람들이 배열과 for문으로 가장 많이 하는게 뭐냐? 그런걸 함수화 시켜서 그 함수만 부르면 모든걸 할 수 있도록 만든것이 배열함수 이다. 알아서 잘 딱 깔끔하고 센스있게! 배열함수 for문을 사용하지 않고! 배열에서 원하는 값을 찾거나 검사하거나 할 때 사용할 수 있는 함수세트! let names = [ "Red Apple", "Yellow Banana", "Blue blueberry", "Purple grapes", "Orange oranges", "Green kiwi" ] 만약 array함수가 없다면 매번 아래와같이 작성해야 할 것이다. for(let i=0; i forEach가 알아서 회전을 하면서 매번 아이템을 하나씩 넘긴다. 모든 배열함수가 ..

경량(Lightweight)의 DATA-교환 형식이다. 속성-값 쌍 || 키-값 쌍으로 이루어진 데이터 오브젝트를 전달하기 위해 사람이 읽을 수 있는 텍스트를 사용하는 *개방형 표준 포맷 이다. 데이터 주고 받을 때 트래픽을 최소화하기 위한 데이터가 들어있는 가벼운 종이 같은 개념으로 보면 된다. 시작은 JavaScript로부터 파생됐지만(그래서 JavaScript 문법) 언어 독립형 포맷이다. 수년 간 지배 해왔던 XML를 대체 할 수 있는 주요 데이터 포맷이다. 보통 ajax나 rest api에서 XML , JSON 형식을 많이 보게 되는데 그 때 쓰이는 JSON이 이 JSON 이다. 프로그래밍 언어의 제약이 거의 없기 때문에 C,JAVA,Rudy 등 거의 모든 언어에서 사용 가능하다. JSON 표현..

void 연산자 JavaScript에서 void 연산자는 주어진 표현식을 평가 후 undefined를 반환하도록 지시하는 연산자이다. 여기서 주어진 표현식을 평가한다는 의미는 void 연산자와 함께 작성한 소스 코드가 실행 가능한 코드인지 JavaScript 엔진이 해석한다는 의미이다. ​ 간단히 말해서 void 연산자는 실행되는 코드에 대해 undefined를 반환한다는 의미이다. void(0)의 실제 의미 ​ a 태그의 href 속성에는 일반적으로 URL을 상대 경로 또는 절대 경로 방식으로 작성한다. ​ href 속성에는 상대 경로 또는 절대 경로 이외에도 다음과 같이 javascript:를 작성할 수 있으며, 웹 개발자라면 때때로 a 태그의 href 속성에 javascript:void(0)라는 코..