보호되어 있는 글입니다.
HTML코드 form은 아주 중요한 2가지 속성(attribute)를 가지고 있다. 1. action 2. method e.g.) 1.action은 어떤 페이지로 data를 보낼 건지 지정할 수 있다. 예시 코드를 보며 frineds.html 로 보낸다고 돼있으니 이 html파일이 있어야 겠죠? 2.method는 2가지 방식 중 하나를 쓸 수 있다. 1) POST 2) GET *POST는 백엔드 서버에 정보를 전송하는 방식: 우리는 서버를 가지고 있지 않기 때문에 지금은 사용X 그래서 GET방식을 사용할 것인데 GET 방식은 보안에 취약함-> username , password를 GET방식으로 보내면 안됨 *GET 방식: URL에 포함되어도 상관없는 정보들을 GET방식으로 보내는 것이 바람직하다. ※ 정..
기존에 있던 CSS폴더에 components 폴더와 screens폴더를 만들고 그 안에 기존에 있던 파일을 옮긴다. styles.css에는 변경된 파일의 위치를 수정해서 다시 임포트경로를 적어줘야 합니다. 주석을 통해서 한번 더 style.css를 정리! * CSS파일에서 주석처리-> /* */ ※ styles.css 파일에는 font-family와 같이 모든 스크린에 적용될 수 있는 스타일을 적어놓는 것이 좋다. or background-color 같은 속성
BEM 정의) The Block, Element, Modifier methodology (commonly referred to as BEM) is a popular naming convention for classes in HTML and CSS. class 이름을 "status-bar__column" 으로 길게 작성한 이유는 css로 볼 때 이 칼럼이 어떤 것의 칼럼인지 헷갈리기 때문에 그렇다. column은 자주 쓰이기 때문에 단순히 column으로만 써놓으면 헷갈린다. "status-bar__column" 부모__자식 관계가 어떻게 돼있는 지 보임 이렇게 클래스명을 지정하는 규칙을 BEM(Block Element Modifier)이라고 한다. 참고 사이트 :https://css-tricks.com/..
보호되어 있는 글입니다.
- Total
- Today
- Yesterday
- grid flex
- 타입스크립트 장점
- ~ ^
- 항해99추천비추천
- 항해99프론트
- 원티드 3월 프론트엔드 챌린지
- text input pattern
- is()
- aspect-ratio
- fs모듈 넥스트
- 프리렌더링확인법
- && 셸 명령어
- nvm경로 오류
- nvm 설치순서
- 타입스크립트 DT
- 부트캠프항해
- getStaticPaths
- 원티드 FE 프리온보딩 챌린지
- 원티드 프리온보딩 FE 챌린지
- 프리온보딩 프론트엔드 챌린지 3월
- getServerSideProps
- Prittier
- 원티드 프리온보딩 프론트엔드 챌린지 3일차
- D 플래그
- tilde caret
- 틸드와 캐럿
- 형제 요소 선택자
- float 레이아웃
- 항해99프론트후기
- reactAPI
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |