Dev5 React 정리 (1) JSX JSX란 Javascript가 조금 더 확장된 문법이다. React에서 JSX의 사용은 필수적이지 않다고 말하지만 실질적으로 React를 사용할 때 JSX를 사용한다는 것은 너무나 매력적인 일이다. 특히나 React안에서 javascript를 이용한 UI적인 요소를 관리하고 생성할 때 JSX를 쓴다면 그것은 훨씬 시각적인 일이 되고 편한 코드 생성을 도와줄 것이다. JSX의 코드 생성은 다음과 같은 형태를 띤다. const element = Hello! React 위의 코드는 기존의 javascript도 아니며 HTML도 아니다. 또한 다음과 같이 중괄호로 묶어 변수를 사용할 수 도 있다. const name = 'Henry Noh'; const element = Hello {name}; 또한 J.. 2021. 5. 21. Javascript 정리 (1) 1. 컴파일러 언어 VS 인터프리터 언어 코딩, 프로그래밍 세계에서 언어는 여러 관점으로 분리가 된다. 저레벨 언어, 고레벨 언어 / 인터프리터 언어, 컴파일러 언어 / 객체지향 언어, 절차 지향 언어, 함수형 언어, 선언형 언어 등이 있다. 또한 함수형 프로그래밍, 반응형 프로그래밍, 논리 프로그래밍 등 다양한 프로그래밍 기법도 있다. 이 수많은 차이점을 가지고 불리는 언어들 중에서 컴파일러 언어와 인터프리터 언어의 차이점을 내 생각대로 쉽게 풀어써보려 한다. 우선 우리가 쓰는 코드라는 것은 기계가 절대로 이해하지 못한다. 이는 마치 한국어를 하나도 모르는 외국인에게 한국어로 말하는 것이나 다름없다. 그렇다면 우리는 그 말을 어떻게 하여 외국인에게 이해를 시킬 수 있을까. 바로 번역기를 사용하는 것이다.. 2021. 4. 27. Map 함수정리 C++ - c++로 코딩 테스트를 준비할 때 아마 가장 중요한 자료구조 중 한 가지로 뽑힐 것이라 생각된다. - vector와 비슷한 자료구조의 형태이지만 그 사용법은 훨씬 무궁무진하다. Map 선언 #include Map assign, add (Map 할당, 추가) - m.insert(make_pair(key,value)) : 순서에 상관없이 오름차순으로 정렬돼서 삽입 map m1; m1.insert(make_pair(~,~)); m1.insert(pair(~,~)); map m2; m2.insert(make_pair(1,2)); m2.insert(pair(1,2)); map m3; m3.insert(make_pair("hello","world")); m3.insert(pair("hello","world")).. 2021. 4. 7. Vector 함수정리 C++ - c++의 STL (standard template library)에 존재하는 vector함수는 c언어의 동적할당과 비슷한 개념이다. - c언어처럼 사용자가 직접 동적할당을 해주며 사용할 필요없이 vector는 알아서 할당된다. Vector 선언 #include Vector assign (vector 할당) vector v;//비어있는 vector 생성 vector v(n);//0으로 초기화되는 n개의 원소를 가지는 vector 생성 vector v(n,m);//m으로 초기화되는 n개의 원소를 가지는 vector 생성 vector v2(v1);//v1을 복사하여 v2를 생성 Vector Element (vector 요소 추가, 삭제) - v.push_back(i) : vector 제일 뒤에 i 추가 -.. 2020. 11. 11. String 함수정리 C++ - 기존 c언어의 문자열 처리에 대한 불편함을 해소하고자 c++에서는 string 클래스를 사용한다. - 실질적으로 많이 사용되는 것은 Iterator / empty() / size() or length() / clear() / substr() / compare() / replace() / swap() / find() String 선언 #include String assign (문자열 할당) string s1 = "hello";//hello string s2("hello");//hello string s3(5,'h');//hhhhh string s4("hellohi",5);//hello string s5(`다른 string`,`시작지점`);//시작지점부터 다른 string 복사 string s6(`다른 .. 2020. 11. 5. 이전 1 다음
냄비
