생활코딩
-
[TIL] 2020-03-13Trainings/이전 TIL 기록 2020. 3. 13. 22:48
[groomedu] 가장 핫한 프런트엔드 라이브러리🔥, React 가지고 놀아보기 [생활코딩] React state까지 수강 [배운 내용] - React는 페이스북에서 만든 웹 프레임 워크이다. - 예전에는 단순히 정적인 정보만 보여주는 사이트가 많았다. - 하지만 지금은 웹상에서 정보를 입력하면 그 정보가 바로바로 업데이트된다. - 그렇기 때문에 요즘 웹 애플리케이션은 쉽게 동적 인터페이스를 나타내 줄 수 있다. - 하지만 이런 동적 인터페이스에는 수 많은 상태 관리가 필요하기 때문에 React가 만들어짐 - 페이스북은 수 많은 타임라인이 존재하고, 이 타임라인 안에 수많은 요소가 들어간다. (사진, 글, 좋아요, 댓글) - 하지만 웹 라이브러리의 도움 없이 HTML, CSS, Javascript로 이..
-
HTML - <form> 태그HTML/HTML 2020. 3. 4. 21:54
오늘은 form 태그에 대해서 알아보자! form 태그란? → 로그인을 하거나 회원가입을 하거나 물건을 사거나 글을 작성할 때, 입력한 정보를 서비스를 제공하는 서버한테 정보를 전송할 때 사용하는 글자를 입력하는 것들 또는 무언가 선택하는 것들을 우리는 form이라 부른다. 즉, 사용자가 입력한 정보를 서버로 전송할 때 사용할 때 쓰는 태그가 form 태그이다. 그러면 form 태그로 과연 어떠한 것을 보낼까? 우선 사용자가 입력한 정보를 서버로 전송하기 위해서는 사용자로부터 정보를 입력 받을 수 있는 것을 만들어야 한다. 그때 사용하는 태그가 바로 input태그이다. input 태그에 type이라는 속성에 text라고 설정하게 되면, 사용자로부터 문자 정보를 일력 받을 수 있는 박스가 생긴다. 아이디 ..
-
HTML - <table>태그HTML/HTML 2020. 3. 2. 01:58
오늘은 태그에 대해서 알아보자! 태그란? → 표를 만드는 방법을 의미하며, HTML 태그 중에서 가장 복잡하고 이해하기 어려운 태그라고 할 수 있다. 테이블을 사용 할때, 값을 넣으려고 하면 어떤 특정한 태그로 묶어 줘야 한다. 그때 사용하는 태그가 바로 태그이다. 태그의 약자는 table data를 의미한다. 이름 성별 주소 즉, 항목 하나하나를 td라는 이름으로 묶어주며, 표에서 각각의 실제 데이터들을 의미한다는 뜻이다. 그러고 나서, 각각의 행들을 태그로 묶어 줘야 한다. 태그의 약자는 table row를 의미한다. 즉, 같은 행에 속하는 태그들을 이라는 태그로 묶어주면, 웹 브라우저는 태그 아래에 있는 태그들을 같은 행으로 표시한다. 하지만, 행과 열이 나뉘었지만 명확한 표시를 원한다. 그럴 때..
-
[TIL] 2020-02-27Trainings/이전 TIL 기록 2020. 2. 27. 22:15
[노마드 코더] 바닐라 자바스크립트 강좌 #1 Theory까지 수강 자바스크립트 : var / let / const 변수 선언 정리 [프로그래머스] 알고리즘 1문제 풀기 [생활코딩] 자바스크립트에서 전역 변수와 지역변수 원리 ※ 전역 변수 : 함수 외부에서 선언된 변수로, 에플리케이션 전역에서 접근이 가능한 변수를 의미한다. ※ 지역 변수 : 함수 내부에서 선언된 변수로, 함수 안에서만 접근이 가능한 변수를 의미한다. var vscope = 'global'; // 여기서, vscope는 전역 변수를 의미 function fscope(){ var vscope = 'local'; // 여기서, vscope는 지역 변수를 의미 alert('함수안 '+vscope); } fscope(); // 결과 : 함수안 ..
-
HTML - <p>태그 / <br>태그HTML/HTML 2020. 2. 26. 17:47
오늘은 ~ 태그와 태그에 대해서 알아보자! [예제] 간장 공장 공장장은 강 공장장이고, 된장 공장 공장장은 공 공장장이다. 저분은 백 법학박사이고, 이분은 박 법학박사이다. 작년에 온 솥장수는 새 솥장수이고 금년에 온 솥장수는 헌 솥장수이다. 우선, 문장이 저렇게 3개의 문장이 주어졌다. 하지만, 3개의 문장이 단락이 구분되는 것이 아니라 한 줄로 출력되는 것을 확인할 수 있다. 그렇다면 이 3개의 문장을 가지고 단락을 구분하고 싶다면 태그를 사용하면 가능하다. [예제] 간장 공장 공장장은 강 공장장이고, 된장 공장 공장장은 공 공장장이다. 저분은 백 법학박사이고, 이분은 박 법학박사이다. 작년에 온 솥장수는 새 솥장수이고 금년에 온 솥장수는 헌 솥장수이다. 결과는 이렇게 단락이 구분되어 깔끔하게 3개의..
-
자바스크립트 - 객체JavaScript/기본 2020. 2. 25. 22:30
오늘은 객체에 대해서 알아보자! 일단 배열과 객체는 비슷하면서도 다른 것을 알 수 있다. 지금까지 살펴본 배열은 값에 대한 식별자로 숫자를 사용했다. 데이터를 추가하면 배열 전체에서 중복되지 않는 인덱스가 자동으로 만들어져서 추가된 데이터에 대한 식별자가 된다. 우리는 이 인텍스를 이용해서 값을 가져오게 되는 것이다. 만약, 인덱스로 숫자가 아닌 문자를 사용하고 싶다면? → 객체(dictionary)를 사용해야 한다. 그렇다면 객체는 어떻게 생성할까? var word = {'a': 10, 'b': 20, 'c': 30}; // 객체 생성 여기서 'a'는 key를 뜻하고, 10은 value를 뜻한다. 또 객체를 만드는 다른 방법이 있다. var word = {}; word['a'] = 10; word['b..
-
자바스크립트 - 배열JavaScript/기본 2020. 2. 25. 00:27
오늘은 배열에 대해서 정리해보자! 배열(array)이란? 연관된 데이터를 모아서 통으로 관리하기 위해서 사용하는 데이터 타입이다. 변수가 하나의 데이터를 저장하기 위한 것이라면 배열은 여러 개의 데이터를 하나의 변수에 저장하기 위한 것이라고 할 수 있다. 그렇다면 배열은 어떻게 생성할까?? 변수 member에 회원정보를 담아보자. 대괄호([])는 배열을 만드는 기호다. 대괄호 안에 데이터를 콤마(,)로 구분해서 나열하면 배열이 된다. var member = ['Kim', 'Lee', 'Lim'] 하나의 변수에 3개의 데이터를 담았다. 각각의 데이터를 원소(Element)이라고 부른다. 자 그럼 이 데이터를 꺼내오려면 어떻게 해야 할까? var member = ['Kim', 'Lee', 'Lim'] ale..