[프론트, 백엔드, DB] 알아두면 좋은 사이트 [업뎃하자]

무료폰트

눈누 https://noonnu.cc/

 

상업적 이용 가능한 무료 한글 폰트 모음 사이트 눈누

상업적으로 이용할 수 있는 무료 한글 폰트를 모아 놓은 사이트 눈누

noonnu.cc

다폰트 https://www.dafont.com/

 

DaFont - Download fonts

Fancy Cartoon Comic Groovy Old School Curly Western Eroded Distorted Destroy Horror Fire, Ice Decorative Typewriter Stencil, Army Retro Initials Grid Various Foreign look Chinese, Jpn Arabic Mexican Roman, Greek Russian Various Techno Square LCD Sci-fi Various Bitmap Pixel, Bitmap Gothic Medieval Mo...

www.dafont.com

---

Diagram툴

https://app.diagrams.net/

 

diagrams.net

Save diagrams to: Google Drive OneDrive Device Dropbox GitHub GitLab Decide later

app.diagrams.net

---

ERD툴

https://aquerytool.com/

 

AQueryTool - AQuery.Web

마우스 오른쪽 버튼을 클릭하세요

aquerytool.com

---

코딩공부

http://tcpschool.com/java/intro

코딩교육 티씨피스쿨

4차산업혁명, 코딩교육, 소프트웨어교육, 코딩기초, SW코딩, 기초코딩부터 자바 파이썬 등

tcpschool.com

https://www.youtube.com/playlist?list=PLuHgQVnccGMCeAy-2-llhw3nWoQKUvQck

 

Java 입문 수업 (생활코딩)

자바 입문을 돕기 위한 수업입니다. 텍스트 수업과 소스 코드 그리고 체계적으로 정리된 공식 홈페이지는 아래의 URL로 접근 할 수 있습니다. http://opentutorials.org/module/516

www.youtube.com

http://www.orentec.co.kr/teachlist/JAVA_BASIC_1/teach_sub1.php

 

====== 오렌지 미디어 ======

책제목 : 난 정말 JAVA를 공부한 적이 없다구요 ISBN : 978-89-960940-2-9 발행일 : 2009년 8월 판형 : B5 저자 : 윤 성 우 page : 880 page 무료수강기간 : 회원 가입시 평생 무료 목록 서버1   서버2 강의시간 강의교안  Chapter 01. Let's Start JAVA!        01-1. 자바의 세계로 오신 여러분을 환영합니다. 32:59        01-2. 자바 프로그램의 이해와 실행의 원리 17:01        ...

www.orentec.co.kr

​

https://www.acmicpc.net/

Baekjoon Online Judge

Baekjoon Online Judge 프로그래밍 문제를 풀고 온라인으로 채점받을 수 있는 곳입니다. 11265 전체 문제 10073 채점 가능한 문제 8610 풀린 문제 39 채점 가능한 언어

www.acmicpc.net

https://programmers.co.kr/

프로그래머스

코드 중심의 개발자 채용. 스택 기반의 포지션 매칭. 프로그래머스의 개발자 맞춤형 프로필을 등록하고, 나와 기술 궁합이 잘 맞는 기업들을 매칭 받으세요.

programmers.co.kr

https://www.w3schools.com/html/html_intro.asp

HTML Introduction

HTML Introduction ❮ Previous Next ❯ HTML is the standard markup language for creating Web pages. What is HTML? HTML stands for Hyper Text Markup Language HTML is the standard markup language for creating Web pages HTML describes the structure of a Web page HTML consists of a series of elements HTML ...

www.w3schools.com

---

우수웹 선정 사이트

https://www.dbcut.com/bbs/index.php

디비컷 - 웹디자인 벤치마킹 및 우수 웹사이트 모음

디비컷은 신규 오픈한 국내외 웹사이트를 소개 평가하는 웹디자이너 커뮤니티입니다.

www.dbcut.com

http://www.gdweb.co.kr/main/

지디웹

국내 우수 웹사이트 선정 및 시상, 국내 우수 웹디자인 선정 및 시상, GDWEB DESIGN AWARDS. 지디웹 디자인 어워즈, gdweb.

www.gdweb.co.kr

---

리액트 30일 개념사이투

https://github.com/Asabeneh/30-Days-Of-React

​

---

Bootstrap / 부트스트랩

​

어드민 페이지

https://adminlte.io/themes/v3/

 

AdminLTE 3 | Dashboard

Dashboard Home Dashboard v1 150 New Orders More info 53 % Bounce Rate More info 44 User Registrations More info 65 Unique Visitors More info Sales Area Donut Direct Chat 3 Alexander Pierce 23 Jan 2:00 pm Is this template really for free? That's unbelievable! Sarah Bullock 23 Jan 2:05 pm You better b...

adminlte.io

아이콘 / icon /AdminLTE 3 부트스트랩 사용가능

https://fontawesome.com/icons?d=gallery

Font Awesome

The world’s most popular and easiest to use icon set just got an upgrade. More icons. More styles. More Options.

fontawesome.com

​

​

Swiper / slide / 슬라이드

https://swiperjs.com/ https://idangero.us/

Swiper - The Most Modern Mobile Touch Slider

Swiper is the most modern free mobile touch slider with hardware accelerated transitions and amazing native behavior.

swiperjs.com

 

iDangero.us

Open Source Projects Framework7 Full Featured HTML Framework For Building iOS & Android Apps Swiper Most Modern Mobile Touch Slider Template7 Mobile-First JavaScript Template Engine Mobile Apps Series Seven Track TV shows, watch trailers, get push notifications, information about all episodes Free W...

idangero.us

​

​

bxslide / 슬라이드

https://bxslider.com/

jQuery Content Slider | Responsive jQuery Slider | bxSlider

Add a slider to any webpage. Click here to install Prev Next 1 2 3 Coded with ♥ by Steven Wanderski Chicago Web Developer Twitter

bxslider.com

​

​

Carousel / 캐러셀 슬라이드

http://jun.hansung.ac.kr/CWP/Bootstrap/Bootstrap%20Carousel.html

 

Bootstrap Carousel

Chania The atmosphere in Chania has a touch of Florence and Venice. Previous Next Note: Carousels are not supported properly in Internet Explorer 9 and earlier (because they use CSS3 transitions and animations to achieve the slide ...

jun.hansung.ac.kr

​

​

bootstrap / 부트스트랩

https://getbootstrap.com/

Bootstrap

The most popular HTML, CSS, and JS library in the world.

getbootstrap.com

​

​

---

​

온라인 웹 에디터

​

https://jsfiddle.net/

 

JSFiddle - Code Playground

Start with a boilerplate: jQuery Vue React React + JSX Preact TypeScript CoffeeScript SCSS CSS Grid Bootstrap PostCSS Links:  Roadmap (vote for features)  Bug tracker  Docs  Service status Support JSFiddle and get extra features Groups, Private fiddles, Ad-free & more JSFiddle is for: Demos for...

jsfiddle.net

무료이용가능

​

https://www.w3schools.com/css/tryit.asp?filename=trycss_default

 

Tryit Editor v3.6

<!DOCTYPE html> < html > < head > < style > body { background-color : lightblue ; } ​ h1 { color : white ; text-align : center ; } ​ p { font-family : verdana ; font-size : 20px ; } </ style > </ head > < body > ​ < h1 > My First CSS Example </ h1 > < p > This is a paragraph. </ p > ​ </ body > </ h...

www.w3schools.com

​

https://codepen.io/

 

CodePen

An online code editor, learning environment, and community for front-end web development using HTML, CSS and JavaScript code snippets, projects, and web applications.

codepen.io

유료이용

​

​

https://html-online.com/

Online HTML editing tools

Online HTML editing tools Compose the perfect HTML source code online in your web browser without registration and without downloading any program, for Free! Generate HTML templates just like with CoffeCup, CKEditor or TinyMCE but this time see the source code changing with the editor! PSD and PDF c...

html-online.com

https://liveweave.com/

 

HTML, CSS and JavaScript demo - Liveweave

Liveweave is a HTML, CSS & JavaScript playground for web designers and developers

liveweave.com

http://kodtest.com/

 

index

kodtest.com

http://www.cssdesk.com/

 

CSSDesk - Online CSS Sandbox

CSS Desk ß Reset Share Download « HTML 1 < div >Hello World!</ div > CSS 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 body { font-family :  'Lucida Grande' ,  'Helvetica Neue' , Helvetica, Arial, sans-serif; padding :  100px ; font-size :  13px ; } div { background :  #fff ; margin :  0 aut...

www.cssdesk.com

http://phpfiddle.org/

 

PhpFiddle Main

...

phpfiddle.org

http://sandbox.onlinephpfunctions.com/

 

PHP Sandbox, test PHP online, PHP tester

PHP Sandbox. Run, execute and test PHP code from your browser. Versions: 7.4.7, 7.4.0, 7.3.19, 7.3.12, 7.3.5, 7.2.31, 7.2.25, 7.2.18, 7.2.4, 7.1.33, 7.1.29, 7.1.0, 7.0.14, 7.0.5, 7.0.4, 7.0.3, 7.0.2, 7.0.1, 5.6.29, 5.6.20, 5.6.19, 5.6.18, 5.6.17, 5.6.2, 5.5.34, 5.5.33, 5.5.32, 5.5.31, 5.5.18, 5.5.5,...

sandbox.onlinephpfunctions.com

http://sqlfiddle.com/

 

SQL Fiddle | A tool for easy online testing and sharing of database problems and their solutions.

Schema Panel Use this panel to setup your database problem (CREATE TABLE, INSERT, and whatever other statements you need to prepare a representative sample of your real database). Use "Text to DDL" to quickly build your schema objects from text. 1 ​ Build Schema Edit Full...

sqlfiddle.com

http://refiddle.com/

 

New Fiddle

/ k [ ^ \s ] * s / g 2 Matches Corpus 1 I can haz kittens . Mmmm. Tasty, tasty kittens . Replace

refiddle.com

https://www.regexpal.com/

 

Regex Tester - Javascript, PCRE, PHP

Regular Expression flags Test String Substitution

www.regexpal.com

http://codepad.org/

 

codepad

codepad login | about codepad is an online compiler/interpreter, and a simple collaboration tool. Paste your code below, and codepad will run it and give you a short URL you can use to share it in chat or email. Language: C C++ D Haskell Lua OCaml PHP Perl Plain Text Python Ruby Scheme T...

codepad.org