FE 자바와 jsp로 캘린더 만들기 下 전글에 이어서.. 적절히 주석을 달아놔서 크게 어려운 부분은 없을 텐데, 아마 [32][4]의 2차원 배열을 생성하는 부분이 의아할 것이다. 사실 별 의미 없다 [32]는 한 달의 일(DATE)수를 의미하고 [4]는 같은 날짜에 등록할 수 있는 최대 컨텐츠 갯수이다. (4로 한건 별 의미 없다 코드 원작성자 분이 최대 등록 갯수를 4개로 지정하셨길래 그냥 나도 굳이 수정하지 않은것 뿐) 이걸... FE디즈니 피디아BEBE [스파르타코딩클럽] 웹개발 종합반💻 1주차 개발일지 주석처리 : Ctrl + / 또는 /**/ head : 눈에 보이지 않는 영역들! body : 눈에 보이는 웹페이지 화면 2. CSS : 꾸미기 [2] 자주 나오는 CSS 배경 : background-color, background-image, background-size, background-position 간격 : margin, padding [3] 부트스트랩 : 예쁜 CSS 모음집 모든... FE웹개발스파르타코딩클럽개발일지FE [Vue2] Antd으로 custom validator 만들기 Vue2 AntDv 1.7.8 antd는 기본으로 편하게 사용할 수 있는 validator를 제공해준다 Vue.js 에서는 위와 같이 속성값을 주어서 사용하면 된다 antd에서 기본으로 제공하는 type은 다음과 같다 ✏️ Type ⬆️ 이런 형태로 속성값을 입력하면 알아서 입력 중 바로바로 유효성 체크를 해준다 (너무 편해 ...!!) 그러면 이번엔 기본으로 제공해주는 validator 이... FEvue.jsantdFE HTML을 위한 얕은 지식 HTML은 HyperText Markup Language 의 약자이다. HyperText와 Markup, 이 두 가지가 HTML의 전부라고 할 수 있다. 1989년, 유럽 물리 입자 연구소(CERN) 소속 물리학자 팀 버너스리는 연구원 간에 문서를 공유할 목적으로 ENQUIRE라는 프로그램을 고안하게 되고 이는 웹(World Wide Web)의 전신이 된다. 버너스리가 고안한 소프트웨어는 하... FEhtmlFE [HTML&CSS Project] KakaoTalk Clone ▪ IDs & Classes ▪ HTML Tags ▪ Semantic & non-semantic tags ▪ Box Model ▪ Inline, Block, inline-block ▪ CSS Position position relative, absolute, fixed 를 사용하여 status bar, screen header, top bar of view page, nav bar 등을 구현... CSSWeb DevelopmenthtmlFECSS Vector graphics vs Raster graphics 평상시에 이미지를 추가한다고 .png, .jpg, .gif, .svg 등 여러 확장자를 본 적이 있을 텐데 정작 어떻게 이루어진 이미지인지 모를 경우가 있다. Raster graphics Popular web raster formats include Bitmap (.bmp), PNG (.png), JPEG (.jpg), and GIF (.gif.) 즉, 각각의 픽셀이 보여질 정보들(정확하게 ... FEFE 1-2. HTML Hyper Text Markup Language 웹에서 정보를 표현할 목적으로 만든 마크업 언어 웹 페이지를 작성하기 위해 사용되는 언어로 웹 브라우저에게 보일 문자열과 이를 감싸는 일종의 해석 기호인 태그들로 이루어짐 마크업(태그)은 문서의 논리적인 구조를 정의하고 출력장치에 어떤 형태로 보일 것인지 지시하는 역할 마크업언어는 마크업(태그)의 형식과 규칙을 정의한 언어 구조적 설계 지원(시... htmlboostcourseFEFE [HTML] 시맨틱 태그(Semantic tag) & 메타 태그(meta tag) 시맨틱 태그에 의해 컴퓨터가 HTML 요소의 의미를 보다 명확히 해석하고 그 데이터를 활용할 수 있는 시맨틱 웹이 실현될 수 있습니다. 하지만 <form>, <table>, <img> 등의 태그는 대략 그 태그 안에 들어갈 내용을 유추할 수 있습니다. non-semantic : <div class = "header"> semantic : <header> 이 그림처럼 시맨틱 태그를 사용하면 사... FEhtml충림이CMI팀CMI팀 [React] React 맛보기(w/ create-react-app) React로 작성한 어플리케이션은 웹과 모바일에서 사용할 수 있다. 자동차로 따지자면 React 자체는 엔진에 불과하고, 부가적인 다른 tool들이 React에 붙어 어플리케이션을 만들어낼 수 있도록 한다. JSX는 javascript의 확장 문법으로, javascript 내에서 HTML을 이용하여 화면을 구성할 수 있도록 해준다. babel을 이용한 변환은 직접 실행하지 않아도 webpac... frontreact.jsFETILReactnext.jsFE
자바와 jsp로 캘린더 만들기 下 전글에 이어서.. 적절히 주석을 달아놔서 크게 어려운 부분은 없을 텐데, 아마 [32][4]의 2차원 배열을 생성하는 부분이 의아할 것이다. 사실 별 의미 없다 [32]는 한 달의 일(DATE)수를 의미하고 [4]는 같은 날짜에 등록할 수 있는 최대 컨텐츠 갯수이다. (4로 한건 별 의미 없다 코드 원작성자 분이 최대 등록 갯수를 4개로 지정하셨길래 그냥 나도 굳이 수정하지 않은것 뿐) 이걸... FE디즈니 피디아BEBE [스파르타코딩클럽] 웹개발 종합반💻 1주차 개발일지 주석처리 : Ctrl + / 또는 /**/ head : 눈에 보이지 않는 영역들! body : 눈에 보이는 웹페이지 화면 2. CSS : 꾸미기 [2] 자주 나오는 CSS 배경 : background-color, background-image, background-size, background-position 간격 : margin, padding [3] 부트스트랩 : 예쁜 CSS 모음집 모든... FE웹개발스파르타코딩클럽개발일지FE [Vue2] Antd으로 custom validator 만들기 Vue2 AntDv 1.7.8 antd는 기본으로 편하게 사용할 수 있는 validator를 제공해준다 Vue.js 에서는 위와 같이 속성값을 주어서 사용하면 된다 antd에서 기본으로 제공하는 type은 다음과 같다 ✏️ Type ⬆️ 이런 형태로 속성값을 입력하면 알아서 입력 중 바로바로 유효성 체크를 해준다 (너무 편해 ...!!) 그러면 이번엔 기본으로 제공해주는 validator 이... FEvue.jsantdFE HTML을 위한 얕은 지식 HTML은 HyperText Markup Language 의 약자이다. HyperText와 Markup, 이 두 가지가 HTML의 전부라고 할 수 있다. 1989년, 유럽 물리 입자 연구소(CERN) 소속 물리학자 팀 버너스리는 연구원 간에 문서를 공유할 목적으로 ENQUIRE라는 프로그램을 고안하게 되고 이는 웹(World Wide Web)의 전신이 된다. 버너스리가 고안한 소프트웨어는 하... FEhtmlFE [HTML&CSS Project] KakaoTalk Clone ▪ IDs & Classes ▪ HTML Tags ▪ Semantic & non-semantic tags ▪ Box Model ▪ Inline, Block, inline-block ▪ CSS Position position relative, absolute, fixed 를 사용하여 status bar, screen header, top bar of view page, nav bar 등을 구현... CSSWeb DevelopmenthtmlFECSS Vector graphics vs Raster graphics 평상시에 이미지를 추가한다고 .png, .jpg, .gif, .svg 등 여러 확장자를 본 적이 있을 텐데 정작 어떻게 이루어진 이미지인지 모를 경우가 있다. Raster graphics Popular web raster formats include Bitmap (.bmp), PNG (.png), JPEG (.jpg), and GIF (.gif.) 즉, 각각의 픽셀이 보여질 정보들(정확하게 ... FEFE 1-2. HTML Hyper Text Markup Language 웹에서 정보를 표현할 목적으로 만든 마크업 언어 웹 페이지를 작성하기 위해 사용되는 언어로 웹 브라우저에게 보일 문자열과 이를 감싸는 일종의 해석 기호인 태그들로 이루어짐 마크업(태그)은 문서의 논리적인 구조를 정의하고 출력장치에 어떤 형태로 보일 것인지 지시하는 역할 마크업언어는 마크업(태그)의 형식과 규칙을 정의한 언어 구조적 설계 지원(시... htmlboostcourseFEFE [HTML] 시맨틱 태그(Semantic tag) & 메타 태그(meta tag) 시맨틱 태그에 의해 컴퓨터가 HTML 요소의 의미를 보다 명확히 해석하고 그 데이터를 활용할 수 있는 시맨틱 웹이 실현될 수 있습니다. 하지만 <form>, <table>, <img> 등의 태그는 대략 그 태그 안에 들어갈 내용을 유추할 수 있습니다. non-semantic : <div class = "header"> semantic : <header> 이 그림처럼 시맨틱 태그를 사용하면 사... FEhtml충림이CMI팀CMI팀 [React] React 맛보기(w/ create-react-app) React로 작성한 어플리케이션은 웹과 모바일에서 사용할 수 있다. 자동차로 따지자면 React 자체는 엔진에 불과하고, 부가적인 다른 tool들이 React에 붙어 어플리케이션을 만들어낼 수 있도록 한다. JSX는 javascript의 확장 문법으로, javascript 내에서 HTML을 이용하여 화면을 구성할 수 있도록 해준다. babel을 이용한 변환은 직접 실행하지 않아도 webpac... frontreact.jsFETILReactnext.jsFE