Front-end 5

JSON 개념정리

JSON 은 구글,네이버와 같은 검색포털 사이트 뿐만 아니라 데이터를 활용하는 다양한 it회사들이 자주사용하는 자바스크립트 기술이다. JSON은 javascript object notaiton 의 줄임말로 자바스크립트 객체문법으로 구조화된 데이터를 표현하기위한 표준 형식이다. 먼저 json 구조를 예시코드로 보겠다. { "StudentName": "Kim", "MathScore" :"90", "KoreanScore":"80", "EnglishScore":"76"}, { "StudentName": "Nam", "MathScore" :"68", "KoreanScore":"82", "EnglishScore":"76"} 위 예시는 학생 두명의 국어 영어 수학 점수를 json 형식으로 나타낸것이다. 또한 JSON..

Front-end 2022.08.07

Css position 개념 정리

Position 속성 CSS에서 position 속성은 HTML 문서 상에서 요소가 배치되는 방식을 결정합니다. 많은 경우, position 속성은 요소의 정확한 위치 지정을 위해서 top, left, bottom, right 속성과 함께 사용된다. Position :Static position 속성을 별도로 지정해주지 않으면 기본값인 static이 적용됩니다. position 속성이 static인 요소는 HTML 문서 상에서 원래 있어야하는 위치에 배치가 가능하다. 이 말은 요소들이 HTML에 작성된 순서 그대로 브라우저 화면에 표시가 된다는 것을 뜻하며, 따라서 top, left, bottom, right 속성값은 position 속성이 static일 때는 무시된다 예를 들어, 다음과 같이 요소 아래..

Front-end 2022.06.24

로그인 폼 구현

html과 css파일을 따로 분리하여서 로그인 ui를 코딩해보았다. 로그인 밑에는 4개의 sns 사이트가 있고 해당 사이트를 누르면 해당 sns의 공식사이트로 들어갈수있게 링크를 걸어놓았다. html코드 로그인 또는 회원가입 위니브에서 여러분의 궁금증을 해결하세요!): 로그인 상태 유지 로그인 회원가입 | 아이디/비밀번호찾기 또는 구글 계정으로 로그인 페이스북 계정으로 로그인 네이버 계정으로 로그인 카카오톡 계정으로 로그인 css코드 /* web font*/ @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); body { font-family: 'nanumgothic'; font-size: 13px; color:#222; margi..

Front-end 2022.04.07