웹개발자
-
[TIL] 2020-03-25Trainings/이전 TIL 기록 2020. 3. 25. 22:47
[ groomedu ] - 웹 표준 사이트 만들기(2019) 헤더 타이틀 & 웹 폰트까지 수강 [ 노마드코더 ] - ReactJS로 웹 서비스 만들기 재수강 [ 배운 내용 및 회의록 ] - 둘다 클론 코딩으로 이루어졌기 때문에, 코딩을 하는 것을 따라서 진행하는 중이다. - 웹 표준 사이트를 만들 때, 레이아웃을 구분하기 위해 div에 id값으로 header, contents, footer를 적용해서 기본 틀을 만들고, 또 그 안에서 div로 header안에 또 다른 레이아웃을 구성하고, 또 contents안에 또 다른 레이아웃을 구성하는 방법을 배우고 있다. - 다른 React 강의를 듣고 있지만, 너무 이론 위주이고 중간중간에 모르는 개념들이 많아서, 노마드코더 React강의를 다시 재수강하면서 기본..
-
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. 24. 17:15
들어가기에 앞서, 인간은 반복적인 작업을 잘하지 못한다. 실수하고, 지루해한다. 컴퓨터는 이런 반복적인 작업을 대행하기 위해서 만들어진 기계다. 반복문은 컴퓨터에게 반복적인 작업을 지시하는 방법이다. 반복문의 문법은 몇 가지가 존재한다. 그것은 바로, while문과 for문이다. while문에 대해서 알아보자. 형식은 아래와 같다. while (조건){ // 반복해서 실행할 코드 } while문은 while문 뒤에 따라오는 괄호 안의 조건이 참(true) 면 중괄호 안의 코드 구간을 반복적으로 실행한다. 조건이 false면 반복문이 실행되지 않는다. 여기서 true와 false는 종료조건이 되는데, 이 값을 변경하는 것을 통해서 반복문을 종료시킬 수 있다. 단, 반복문에서 종료조건을 잘못 지정하면 무한반..
-
자바스크립트 - 조건문JavaScript/기본 2020. 2. 24. 15:50
조건문의 문법을 알아보도록 하자! 조건문이란? 주어진 조건에 따라 애플리케이션을 다르게 동작하도록 하는 것을 의미한다. if 조건문은 if로 시작한다. if 뒤의 괄호에 조건이 오고, 조건이 될 수 있는 값은 Boolean이다. Boolean의 값이 true라면 조건이 담긴 괄호 다음의 중괄호 구문이 실행된다. if(true){ alert('결과 : true'); } 조건이 참이면, 경고창이 뜨고 if(false){ alert('결과 : false'); } 조건이 거짓이면, 경고창이 뜨지 않을 것 이다. else if만으로는 좀 더 복잡한 상황을 처리하는데 부족하다. if(true){ alert(1); } else { alert(2); } 조건이 참이기 때문에, if의 중괄호 구간이 실행되고 1이라는 경..
-
HTML - <a>태그와 속성HTML/HTML 2020. 2. 24. 00:27
오늘은 속성이라는 문법과 링크라는 HTML에서 가장 중요한 두 가지 기능을 알아보겠다. 태그는 링크를 걸고자 하는 즉, ~ 사이에 내용이 링크라는 사실을 브라우저에게 알려주는 태그이다. 하지만, a 태그만 쓴다고 해서 링크가 생기지는 않는다. 네이버로 이동 만약, 네이버가 링크라고 한다면? 이 링크가 어떤 웹 페이지에 연결되어야 되는지에 대한 바로 그 웹 페이지의 URL이 어딘가에 적혀 있어야 한다. 그 정보가 없기 때문에 브라우저는 아무런 행동도 하지 않는 것이다. 그럴 때, href 이라는 속성을 이용하면 링크를 걸 수 있다. 네이버 이렇게 입력하면, 이제야 링크가 걸리는 것을 알 수 있다. 이 링크를 클릭하면, 해당 홈페이지로 접속하는 것을 확인할 수 있다. 그런데, 만약 해당 홈페이지에서 접속하지..
-
HTML - 기본 개념HTML/HTML 2020. 2. 23. 23:01
HTML이란? Hyper Text Markup Language의 약자이다. "Hyper Text"라고 하는 것은 어떤 기능이 존재한다. 그 기능이 어떤 것 일까? 여러분이 웹 브라우저를 통해서 어떤 웹페이지를 보면 그 웹페이지에 언제나 있는 것들이 있다. 그것은 바로 '링크' 이다. 바로, 링크라고 하는 기능이 바로 "Hyper Text"이다. 그리고, Markup(마크업)이라고 하는 것은 그다음에 나오는 Language와 관련이 깊다. 이 HTML이라는 것은 컴퓨터 프로그래밍 언어라는 것인데, 바로 이 Markup이라고 하는 문법적인 형식, 또는 문법적인 특성을 가지고 있는 컴퓨터 프로그래밍 언어라는 뜻이다. 즉, Hyper Text를 가장 중요한 특징으로 하는 Markup(마크업)라고 하는 이 형식을..