일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- 깃
- CSS
- scss
- 리액트
- 자바스크립트
- JavaScript
- 코딩초보
- 리액트 네이티브
- Vue3
- React Native
- 리덕스
- git
- async
- 비동기
- react
- 코딩독학
- 프론트엔드
- 타입스크립트
- useEffect
- 참조자료형
- react-router
- 코딩공부
- TypeScript
- 사용하는 이유
- SasS
- 코린이
- http
- redux
- 코딩기초
- html기초
- Today
- Total
목록전체 글 (96)
맨 땅에 프론트엔드 개발자 되기

폼 태그와 인풋 태그 : 폼 태그는 어떤 입력 값을 받는 폼을 말하며, 보통 하위 인풋 태그들과 함께 쓰인다. : 입력 값을 받는 태그를 말한다. 속성 값으로 text, button, color, range, date 등 어떤 입력값을 받을 것인지 지정할 수 있다. 예제 연습 : input type="text"와 비슷하게 글자 내용을 입력받을 수 있는 태그. : input type="button"과 비슷하게 버튼 클릭을 받을 수 있는 태그. : 드롭다운 형식의 선택 입력값을 받을 수 있는 태그. : select 태그의 옵션을 만들 수 있는 태그. : select 태그의 옵션 중 그룹을 만들 수 있는 태그. : input 태그 혹은 다른 입력값을 받는 태그 앞에 쓰여 라벨을 만들 수 있는 태그. 예제 연습..

영역 태그 : 인라인 요소 즉, 가로줄 전체의 영역을 잡지 않고 문단 내의 특정 요소만 영역으로 지정하고 싶을 때 사용하는 태그. : 문단과 따로 떨어져 어떤 특정한 영역을 잡을 때 사용하는 태그. 가로줄 전체를 차지한다. * span과 div의 차이는 말로 설명하면 어렵고, 실제 브라우저 상에서 어떻게 작동하는지 봐야 더 이해가 잘 된다. 예제 연습 div와 span의 차이는 CSS를 적용하면 더 확실히 나타난다. 첫번째 줄의 딸기는 맛있다. 에서 딸기 뒤에 태그를 넣지 않았음에도 불구하고 브라우저 상에서는 엔터가 들어간 것처럼 보인다. div로 영역을 잡아주면 가로줄 전체를 차지하기 때문이다. 반면에, span으로 영역을 잡아준 두번째 줄은 한 줄로 되어있다. 이를 바로 인라인(inline) 요소라고..

HTML 태그는 너무 많아서 일일이 다 열거하고 설명하긴 힘들다. 그 중에서도 자주 쓰이는 태그만 기록해놓고 공부할 예정이다. 텍스트 태그 : 주석 태그로 웹 브라우저에서 명령을 처리하도록 인식되지 않고 작성자 입장에서 어떤 메모를 기록해둘 때 사용한다. 웹 페이지를 표시할 때는 나타나지 않는다. : paragraph의 약자로 문단을 구분할 때 사용한다. ~ : 헤드라인을 표시하는 태그로 제목을 강조하기 위해 진하고 크게 만들어준다. 1이 크고 6으로 갈 수록 글씨 크기가 작아진다. h태그는 영역태그이기도 해서 가로줄 전체를 사용한다. : 구분선을 넣어주는 태그, 단일 태그 * HTML 문서에서 스페이스는 연달아 사용해도 1번만 인식되고, 엔터는 아예 인식되지 않으므로 보여지는 화면에서 스페이스와 엔터를..

HTML (Hyper Text Markup Language) '인터넷은 왜 만들어졌을까?'를 알게 되면 HTML 문서의 특성을 알 수 있다. 과거에는 어떤 지식, 또는 정보는 책과 같은 인쇄물을 통해 다른 사람과 공유될 수 있었다. 컴퓨터의 발명 그리고 통신 기술의 발전으로 인쇄물 없이 인터넷 공간에 정보를 기록해둘 수 있게 되었고, 인쇄물의 한계를 뛰어넘어 더 많은 사람들과 정보를 공유하고 상호 수정, 발전을 시킬 수 있게 되었다. 이러한 문서들은 사람들에 의해 어떤 특별한 형식으로 만들도록 고안되었고, 이것이 바로 HTML 문서 형식이라 부르는 것이다. HTML 문서 형식으로 문서를 만들게 되면 HTML 문서를 읽을 수 있도록 고안된 웹 브라우저가 HTML 문서 안의 태그를 해석해서 웹 브라우저 상에..
유튜버 노마드 코더라는 분을 알게 되었다. 온라인 웹사이트에서 클론 코딩을 통해 무료로 코딩 강의를 해주시는 고마운 분이다. 이 분이 조언해주신 코딩 초보자의 공부 테크트리에 따르면, 1. HTML, CSS 를 먼저 공부한다. - HTML과 CSS는 모든 웹 개발의 주춧돌 같은 것이다. - 이를 통해, 텍스트 에디터, 브라우저는 어떻게 작동하는지 등에 대해 개념을 깨우친다. 2. Javascript를 공부한다. (마스터하는 정도는 아님) - "바닐라 자바스크립트"를 먼저 배워라. 3가지 프로젝트 - To do List, Interaction, Library(J쿼리, 리액트) - HTML을 자바스크립트로 수정하는 것이 편해질 시점까지 배운다. - 초반에는 라이브러리를 배우지 마라. 라이브러리를 먼저 배우면..
의상학을 전공하고 패션 쪽에서 직장생활을 5년 동안 했다. 그동안 의류 생산, 마케팅, MD 다양한 업무를 하면서 내가 정말 좋아하는 패션과 함께 일하는 것에 대해 열정도 있었지만, 시간이 지나면서 차츰 업에 대해 회의감을 느끼고 열정이 사라지는 내 자신을 발견했다. 패션 산업에 회의감을 느낀 이유는 아래와 같다. 첫 째, 매년 똑같은 시즌, 반복되는 주기. 패션 산업은 제품을 팔기 위해 매년 '신상'이라는 단어를 가져다 붙이면서 뭔가 계속 변화하고 새로운 것을 추구하는 것처럼 보이지만 실상은 다 카피제품에다 매년 비슷비슷한 제품들을 늘어놓고 사람들에게 끊임없이 소비할 것을 부추기는 산업이다. 그러한 제품들을 연예인이나 인플루언서 협찬을 통해 홍보하는 메카니즘 속에서 화려한 겉만을 포장하고 빈약한 내면을..