본문 바로가기
반응형

Coding/언더독 레볼루션 (UnderDog Revolution)

웹 서비스, 알고 개발하자! | 1차시 ~ 3차시 1차시 - 패킷, 프로토콜 통신 : 육하원칙 - 어디서? - in Computer - 누가? - 송신자 (Sender) - 수신자 (Receiver) - 무엇을? - 정보 == bits - 언제? 왜? - 응용 프로그램의 영역 - 개발의 영역 - 어떻게? - To Be Continued 통신 Information/Communication - 정보 전달을 다루는 과학 기술. 정보를 모아 전류나 전기장으로 바꾼 다음 전기적 계통이나 공간을 통하여 다른 지점에 전달하면 수신자가 이해할 수 있도록 다시 바꾸는 기술이다. 통신, 네트워크를 왜 배워야 하는가? - 컴퓨터공학의 꽃! - 게임 : 내 컴퓨터와 쟤 컴퓨터가 같은 프로그램으로 노는 것 ➡️ 통신 - 메신저 : 내 컴퓨터에서 쟤 컴퓨터로 메시지를 보내는 것.. 더보기
리액트 스터디 : JavaScript 응용 - 1 (Truthy & Falsy, 삼항 연산자, 단락회로 평가, 조건문 업그레이드, 비 구조화 할당, Spread 연산자) Truthy & Falsy Truthy : 참 같은 값 Falsy : 거짓 같은 값 let a = ""; if (a) { console.log("TRUE"); } else { console.log("FALSE"); } // FALSE let a = "string"; if (a) { console.log("TRUE"); } else { console.log("FALSE); } // TRUE let a = []; if (a) { console.log("TRUE"); } else { console.log("FALSE); } // TRUE let a = undefined; if (a) { console.log("TRUE"); } else { console.log("FALSE); } // FALSE let a =.. 더보기
리액트 스터디 : React.js 기초 Why React? 모든 기술은 현재 세상의 불편한 점을 해결하기 위해서 만들어졌고, 발전해왔다. 그래서 기술을 배운다는 것은 단순히 사용법만 배우는 것을 의미하지 않는다. 그렇게 단순 사용법만 배우게 되면 기술에 대한 시야가 좁아지게 된다. 기술에 대한 시야가 좁아지게 된다는 건 문제 해결 능력이 부족하다고도 생각해 볼 수도 있다. 단순히 사용법만 배워서 시야가 좁아진 사람은 내가 배운 대로가 아니면, 또는 내가 겪어본 일이 아니면 해결할 수가 없게 되고, 심하면 해결할 의지도 갖지 못하게 된다. 이런 개발자를 원하는 회사는 없다. 따라서 우리는 리액트라는 기술이 세상에 왜 필요했고, 왜 훌륭한 기술로 평가 받고 있으며, 결론적으로 많은 사람들에게 어떻게 이렇게 많은 사랑을 받을 수 있었는지 알아보는 .. 더보기
리액트 스터디 : Node.js 기초 Node.js란? React.js를 배우는데 Node.js는 왜 이야기하냐?? Node.js를 알아야 하고 배워야 하는 이유? 리액트가 자바스크립트의 라이브러리이기 때문 자바스크립트 코드는 브라우저 내장 자바스크립트 엔진을 이용하여 실행 (Safari : Nitro, Firefox : Spider Monkey , Chrome : V8, Edge : Chakra, Opera : Presto) 브라우저에 내장된 자바스크립트 엔진을 사용해야 하기 때문에, 자바 스크립트는 웹 브라우저에서만 실행될 수 있다. 크롬 브라우저에서 V8 엔진을 떼어와서 자바스크립트가 브라우저가 아닌 어디에서든 실행할 수 있도록 하는 것 Node.js : 자바 스크립트를 브라우저가 아닌 곳에서도 실행시켜보자 : 자바스크립트의 실행환경 .. 더보기
리액트 스터디 : JavaScript 기본 - 2 (변수, 상수, 자료형, 형 변환, 연산자, 조건문) 함수 let width1 = 10; let height1 = 20; let area1 = width1 * height1; console.log(area1); let width2 = 30; let height2 = 15; let area2 = width2 * height2; console.log(area2); function getArea(){ let width = 10; let height = 20; let area = width * height; console.log(area); } // 함수 선언식, 함수 선언 방식의 함수 생성 getArea(); console.log("함수 실행 완료"); 함수를 호출하게 되면, 함수의 중괄호 내부에 있는 동작이 끝나기 전까지는 다음 동작을 실행하지 않는다. fun.. 더보기
리액트 스터디 : JavaScript 기본 - 1(변수, 상수, 자료형, 형 변환, 연산자, 조건문) Hello World 웹 사이트는 HTML5, CSS, JavaScript 3가지 언어로 구성된다. HTML5 : 요소들의 배치와 내용을 기술하는 언어 : 색이나 크기 등의 디자인 수행 x CSS3 : 색, 크기, 애니메이션 등을 정의하는 스타일링을 위한 언어 JavaScript : 웹 사이트에 활력을 부여하는 언어 변수와 상수 let age = 25; 변수 : 값을 저장할 수 있는 이름 붙은 저장소 변수명을 정할 때에는 몇 가지 규칙을 지켜야 한다. : 변수명에는 기호를 사용할 수 없다. (단, _ 과 $ 는 사용할 수 있다.) : 예약어를 피해주어야 한다. var age = 25; 변수를 선언할 땐 let 또는 var 키워드를 사용한다. : let은 var과 다르게 변수를 중복 생성하는 것을 허용하지.. 더보기
반응형

티스토리툴바