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 1. JavaScript Event Loop JavaScript는 Single Thread(Stack이 하나) 기반, 이벤트 루프 기반 Thread가 하나라는 것은 한 번에 하나의 작업만 수행가능하다는 것인데 실제 JavaScript를 이용하다보면 동시에 여러 작업이 수행되는 것처럼 느껴질 때가 있다. JavaScript가 이러한 동시성을 지원할 수 있는 이유가 바로 Event Loop이다. 자바스크립트 엔진은 크게 3가지로 나뉜다. ... 면접준비프론트엔드FEJavaScriptFE 2. 클로저 클로저를 이해하기 위해선 먼저 '스코프'라는 개념에 대해 숙지하고 있어야합니다. 구글에 JavaScript Scope 검색 후 해당 개념 숙지한다면 더 수월하게 읽을 수 있습니다. 클로저란 함수가 종료되었음에도 불구하고 그 함수를 외부에서 참조하고 있어서 마치 남아있는 것처럼 동작하는 것 모든 함수에는 Life Cycle이라는 것이 존재합니다. 함수의 생애주기가 종료되었음에도 불구하고 외부의... JavaScriptFE프론트엔드면접준비FE 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 [번역]How To Reuse Code in React 오늘 저는 React 프로젝트에서 코드를 재사용 하는 것에 대한 제 생각과 경험을 적어보려 합니다. 코드 재사용 문제를 매일 마주하고 있으며, 이것에 대해 폭넓고 성공적으로 사용하고 있는 기술들이 있습니다. 아마도 여러분은 이미 이 글에 있는 것 중에 일부분 혹은 모든 기술과 원리를 알고 있을 수도 있습니다. 어쨌든, 저는 이 글이 여러분의 코드 품질을 증가시키는데 많은 도움이 되기를 바랍니... FEReactFE 인스타그램 클론 - Login Page 로그인 성공 시 화면. 로그인 실패 시 화면 로그인 페이지를 구현할 때 로그인 버튼이 on 되는 조건 1. ID input창에 "@"가 포함 되어야 한다. 3. 내가 지정한 ID와 Password가 정확해야 함(직접 구현해 봄) -- 나만 로그인 할 수 있게 하는 기능 내가 작성 한 코드 1.id를 입력 할 input 2.password 입력 할 input 3.로그인하게 할 버튼 각각의 in... 인스타그램프로젝트프론트엔드FEFE
자바와 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 1. JavaScript Event Loop JavaScript는 Single Thread(Stack이 하나) 기반, 이벤트 루프 기반 Thread가 하나라는 것은 한 번에 하나의 작업만 수행가능하다는 것인데 실제 JavaScript를 이용하다보면 동시에 여러 작업이 수행되는 것처럼 느껴질 때가 있다. JavaScript가 이러한 동시성을 지원할 수 있는 이유가 바로 Event Loop이다. 자바스크립트 엔진은 크게 3가지로 나뉜다. ... 면접준비프론트엔드FEJavaScriptFE 2. 클로저 클로저를 이해하기 위해선 먼저 '스코프'라는 개념에 대해 숙지하고 있어야합니다. 구글에 JavaScript Scope 검색 후 해당 개념 숙지한다면 더 수월하게 읽을 수 있습니다. 클로저란 함수가 종료되었음에도 불구하고 그 함수를 외부에서 참조하고 있어서 마치 남아있는 것처럼 동작하는 것 모든 함수에는 Life Cycle이라는 것이 존재합니다. 함수의 생애주기가 종료되었음에도 불구하고 외부의... JavaScriptFE프론트엔드면접준비FE 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 [번역]How To Reuse Code in React 오늘 저는 React 프로젝트에서 코드를 재사용 하는 것에 대한 제 생각과 경험을 적어보려 합니다. 코드 재사용 문제를 매일 마주하고 있으며, 이것에 대해 폭넓고 성공적으로 사용하고 있는 기술들이 있습니다. 아마도 여러분은 이미 이 글에 있는 것 중에 일부분 혹은 모든 기술과 원리를 알고 있을 수도 있습니다. 어쨌든, 저는 이 글이 여러분의 코드 품질을 증가시키는데 많은 도움이 되기를 바랍니... FEReactFE 인스타그램 클론 - Login Page 로그인 성공 시 화면. 로그인 실패 시 화면 로그인 페이지를 구현할 때 로그인 버튼이 on 되는 조건 1. ID input창에 "@"가 포함 되어야 한다. 3. 내가 지정한 ID와 Password가 정확해야 함(직접 구현해 봄) -- 나만 로그인 할 수 있게 하는 기능 내가 작성 한 코드 1.id를 입력 할 input 2.password 입력 할 input 3.로그인하게 할 버튼 각각의 in... 인스타그램프로젝트프론트엔드FEFE