일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
- ECMAScript
- CLONE
- frontend
- API
- GRID
- ES6
- react
- nodejs
- HTML
- heroku
- 리액트
- pug
- CSS
- DART
- NextJs
- MongoDB
- express
- 자바스크립트
- node.js
- graphQL
- Mongoose
- Session
- JavaScript
- TypeScript
- javscript
- clonecoding
- backend
- form
- Flutter
- Component
- Today
- Total
목록전체 글 (313)
Enjoy Programming

이틀 쉬었으니 열심히 다시 달려보자~~~ 오늘은 노마드코더 강의로 내비게이션 바를 만들고 강의를 주욱 들어보겠다 보통 네브바는 ul로 구성되고 그 안에 많은 리스트들로 구성된다고 한다~ 반드시는 아니지만 보통 그렇다 하니 그렇게 연습해보자 developer.mozilla.org/ko/docs/Web/Guide/HTML/Using_HTML_sections_and_outlines HTML 구획과 개요 사용하기 - 웹 개발자 안내서 | MDN HTML 구획과 개요 사용하기 중요: 개요 알고리즘은 W3C의 최종 명세에 포함된 적이 없고, 브라우저와 보조 기술 중 알고리즘을 구현한 경우도 없습니다. 따라서 개요 알고리즘을 사용해 사용자에 developer.mozilla.org friends.html로 index...
와이프랑 아들이 잠시 친정에 가 있던터라 그제 부여에 내려갔다가~ 어제 점심 먹고 올라왔는데 너무 피곤해서 잠시 정리하고 눈좀 붙힌다는게 4시가 되서 일어났다;; 요 며칠 잠을 통 못자서 그런가 푹 잤다... 하 근데 이틀이 ㅠㅠ 자 오늘부터 다시 심기 일전해서 15시간씩 달려보자.. 이틀 30시간 빠졌으니 1350시간에서 1320시간이 되었다. 고고고고ㅗ고고
다음 강의를 넘어가기 전에 form에 대해서 더 짚고 넘어간다. flask로 페이지 제작해 볼 때 form이 거의 다였었다. form form form.. 근데 그땐 이해가 잘 안갔는데 이번에 확실히 좀 넘어가자 form 은 2가지 속성(attribute)를 가지고 있다 1. action 액션은 어떤 페이지로 폼에서 받은 데이터를 전송할 건지 지정하는 것 2. method method는 어떤 method로 전송하는지 결정하는 것이다. POST와 GET이 있다. POST는 백엔드 서버에 정보를 전송하는 방식 (지금은 백엔드는 하지 않기 때문에 사용 X) GET은 보안에 취약하여 중요한 정보를 가진 data를 보내는데 쓰면 안된다(ex-password,userInfo,...) very important!

not연산자가 나온다. 앞선 포스팅에서 의문점을 여기서 교육적으로 해결 해 주신다. awesome! developer.mozilla.org/ca/docs/Web/CSS/:not :not() - CSS | MDN :not() La pseudo-class CSS :not() representa elements que no coincideixen amb una llista de selectors. Atès que impedeix que es seleccionin elements específics, es coneix com a pseudo-class de negació. :not(p) { color: blue; } Notes: Els selectors inú developer.mozilla.org 간단하게 n..

집중해서 듣느라 정리를 틈틈이 못했다.. ㅋ;; 정리해보자 login form은 id값을 줘서 역시 flex 해주고 column으로 axis 바꾼다. input요소가 네 개~~ 모두 보더라인 없애주고 아래 보더라인만 주고 투명도 조절해줌, 상하에 간격을 준다 폰트 사이즈 조정해주고 아래만 마진 설정해줘서 간격 조절~ 그리고 placeholder 컬러를 투명도를 준다.(pseudo selectors) and~~~ 인풋 창에 foucs효과를 줌 ( 여기서 variable.css에 노란색 전역 변수를 설정해 놓음 - 자주 쓸 거기 때문에 그리고 import를 꼭 해주자) 그리고 transition효과를 배운 데로 state가 아닌 element에 직접 준다. 요렇게 진행되었다~~ 뭔가 찜찜하다 인풋 태그 모두..

시작하기에 앞서 기본적으로 브라우저가 알아서 html에 css를 적용시키게 되는 게 몇 개 있다. 이를 해결하기 위해 reset.css를 사용 간단하다 meyerweb.com/eric/tools/css/reset/ CSS Tools: Reset CSS CSS Tools: Reset CSS The goal of a reset stylesheet is to reduce browser inconsistencies in things like default line heights, margins and font sizes of headings, and so on. The general reasoning behind this was discussed in a May 2007 post, if you're inter ..