References & Tutorials

프로그래밍 언어 레퍼런스

• MDN Web Docs: 개발자를 위한 웹 기술– HTML, CSS, JavaScript 레퍼런스https://developer.mozilla.org/ko/docs/Web
• W3Schools– HTML, CSS, JavaScript, jQuery 레퍼런스https://www.w3schools.com/
• HTML5 Specificationhttps://www.w3.org/TR/2011/WD-html5-20110405/
• CSS specificationshttps://www.w3.org/Style/CSS/specs.en.html
• JavaScript specificationshttps://developer.mozilla.org/ko/docs/Web/JavaScript/Language_Resources
• Python 문서https://docs.python.org/ko/3/
• C library - C++ Referencehttp://www.cplusplus.com/reference/clibrary/
• C Referencehttps://en.cppreference.com/w/c
• The GNU C Libraryhttp://ftp.gnu.org/old-gnu/Manuals/glibc-2.2.3/html_chapter/libc_toc.html
• DevDocs: C documentationhttps://devdocs.io/c/
• The C++ Resources Networkhttp://www.cplusplus.com/
• C++ Referencehttps://en.cppreference.com/w/cpp
• Microsoft Docs: C++ 표준 라이브러리 참조https://docs.microsoft.com/ko-kr/cpp/standard-library/cpp-standard-library-reference
• Java Documentationhttps://docs.oracle.com/en/java/
• Java EE API Documentation and Tag Referencehttps://javaee.github.io/glassfish/documentation
• Kotlin docshttps://kotlinlang.org/docs/home.html

웹 개발: 프론트엔드와 백엔드

• MDN Web Docs: 웹 기술 학습서– HTML, CSS, JavaScript 학습서https://developer.mozilla.org/ko/docs/Web/Tutorials
• W3Schools– HTML, CSS, JavaScript, jQuery 학습서https://www.w3schools.com/
• 웹 프로그래밍 튜토리얼https://poiemaweb.com/
• 생활코딩: WEB1 - HTML & Internethttps://opentutorials.org/course/3084
• 웹의 동작 방식https://developer.mozilla.org/ko/docs/Learn/Getting_started_with_the_web/How_the_Web_works
• HTTP 상태 코드에 대해 알아보자https://velog.io/@woo0_hooo/네트워크-HTTP-상태코드에-대해-알아보자
• GET과 POST의 차이https://blog.outsider.ne.kr/312
• 프론트엔드/백엔드 프로그래밍 환경 이해하기https://www.timetodev.co.kr/blog/156
• 웹 개발자는 어떤 일을 하나요? (풀스택, 프론트엔드, 백엔드, 퍼블리셔)https://7942yongdae.tistory.com/56
• 개발자 직군 파헤치기: 프론트(Front), 백(Back), 풀스택(Full-Stack) 개발자https://medium.com/code-states/개발자-직군-파헤치기-1-프론트-front-백-back-풀스택-full-stack-개발자-f6c2f53e5b3b
• Ajax 크로스 도메인 요청(CORS)https://brunch.co.kr/@adrenalinee31/1

웹 프론트엔드 개발

• 웹 접근성이란?http://www.wa.or.kr/m1/sub1.asp
• 웹 접근성(Web Accessibility)https://seulbinim.github.io/WSA/accessibility.html
• Naver D2: 브라우저는 어떻게 동작하는가?https://d2.naver.com/helloworld/59361
• 프론트엔드 개발자라면 알고 있어야 할 브라우저의 동작 과정https://wormwlrm.github.io/2021/03/27/How-browsers-work.html
• 스크립트의 실행 시점을 조절하는 async와 defer 속성https://wormwlrm.github.io/2021/03/01/Async-Defer-Attributes-of-Script-Tag.html
• 검색 엔진 최적화(SEO)는 무엇인가?https://www.ascentkorea.com/what-is-seo/
• 구글 검색 엔진 최적화(SEO) 기본 가이드https://developers.google.com/search/docs/beginner/seo-starter-guide?hl=ko
• Bootstrap– 웹사이트를 쉽게 만들 수 있게 도와주는 HTML, CSS, JS 프레임워크https://getbootstrap.com/
• 이직하려는 친구에게 보내는 프런트엔드 개발 면접 질문https://joshua1988.github.io/web-development/interview/frontend-questions/
• Can I use...– HTML, CSS 등의 프론트엔드 기술을 지원하는 브라우저 버전 확인https://caniuse.com/
• Browser Market Share– 브라우저 점유율 확인https://gs.statcounter.com/

웹 백엔드 개발

• Naver D2: 백엔드 개발자를 꿈꾸는 학생 개발자에게https://d2.naver.com/news/3435170
• 백엔드(Back-end) 이해하기 (feat. 프론트엔드)https://velog.io/@matisse/백엔드back-end-이해하기-feat.-프론트
• 세션 동작 원리 - 쿠키와 세션의 관계https://thecodinglog.github.io/web/2020/08/11/what-is-session.html
• Authentication: 세션과 쿠키https://ssungkang.tistory.com/entry/WEB-Authentication-1-세션과-쿠키
• 토큰 기반 인증 VS 서버 기반 인증https://mangkyu.tistory.com/55
• SPA(Single Page Application) & Routinghttps://poiemaweb.com/js-spa
• 웹 개발(Java, JSP, Spring) 관련 예상 면접 질문https://rongscodinghistory.tistory.com/44
• 백엔드 개발자 면접 질문https://github.com/ksundong/backend-interview-question

웹 기획과 디자인

• 웹 기획의 기본 – 웹 기획자는 누구인가http://bahns.net/2642160
• 웹 기획의 정의와 목표https://webjaengix0x.tistory.com/23
• 웹 사이트는 어떻게 만들어질까?https://acstory.tistory.com/127
• 이유 있는 웹 기획 실무 WHYhttps://brunch.co.kr/@nonem/1
• UX(User Experience)란? UX 디자인 관련 다이어그램 Best 14http://bahns.net/2642331
• 웹 페이지를 디자인할 때, 자주 하는 실수https://brunch.co.kr/@blackindigo-red/29
• 웹사이트 디자인 과정의 이해http://plandas.kr/ui-ux-design/uxui-6/
• 반응형 웹 디자인의 9가지 기본 원칙https://knulab.com/archives/1153
• 웹 디자이너와 UI/UX 디자이너 이야기https://ditoday.com/웹-디자이너와-ui-ux-디자이너-이야기/
• UI/UX 초심자를 위한 웹 그리드 시스템 훑어보기https://brunch.co.kr/@macga/3
• 2021년에 놓치지 말아야 할 9가지 인기 웹 디자인 트렌드https://ko.wix.com/blog/post/web-design-trends-viewer-de7f4
• 굿디자인웹(GDWEB)– 대한민국 웹사이트들과 모바일 UX를 대상으로 디자인 우수작을 선정http://www.gdweb.co.kr/
• Pinterest– 이용자가 스크랩하고자 하는 이미지를 포스팅하고 다른 이용자와 공유하는 소셜 네트워크 서비스https://www.pinterest.co.kr/
• Behance: Web Design projects– 멋진 디자인들이 가득한 온라인 포트폴리오https://www.behance.net/search/projects?field=web design
• Siteinspire - Web Design Inspiration– 다양한 효과와 멋진 디자인이 적용된 사이트들 리뷰https://www.siteinspire.com/
• CSS Design Awards– Website Awards - Best Web Design Inspirationhttps://www.cssdesignawards.com/
• Coolors– Color schemes generatorhttps://coolors.co/
• Adobe Color CC– 다양한 분야에서 사용할 수 있는, 보기 좋은 색상 조합 제공https://color.adobe.com/ko/

HTML/CSS

• HTML5 Specificationhttps://www.w3.org/TR/2011/WD-html5-20110405/
• CSS specificationshttps://www.w3.org/Style/CSS/specs.en.html
• MDN Web Docs: HTML 시작하기https://developer.mozilla.org/ko/docs/Learn/HTML/Introduction_to_HTML/Getting_started
• MDN Web Docs: 개발자를 위한 웹 기술– HTML, CSS, JavaScript 레퍼런스https://developer.mozilla.org/ko/docs/Web
• MDN Web Docs: 웹 기술 학습서– HTML, CSS, JavaScript 학습서https://developer.mozilla.org/ko/docs/Web/Tutorials
• W3Schools– HTML, CSS, JavaScript, jQuery 레퍼런스https://www.w3schools.com/
• 웹 프로그래밍 튜토리얼https://poiemaweb.com/
• TCP School: HTML 개요http://tcpschool.com/html/intro
• Character Entity Reference Charthttps://dev.w3.org/html5/html-author/charref
• 입문자에게 추천하는 HTML, CSS 첫걸음https://heropy.blog/2019/04/24/html-css-starter/
• 한눈에 보는 HTML 요소(Elements & Attributes) 총정리https://heropy.blog/2019/05/26/html-elements/
• HTML 마크업https://seulbinim.github.io/WSA/html-basic.html
• data 속성 사용하기https://developer.mozilla.org/ko/docs/Learn/HTML/Howto/Use_data_attributes
• CSS-Tricks– HTML, CSS와 관련된 트릭이나 문서, Snippet 제공https://css-tricks.com/
• CSS 공작소– 예제 중심으로 CSS를 다루는 사이트https://superkts.com/css/
• Tutorialzine– HTML, CSS, JavaScript 관련 튜토리얼과 문서https://tutorialzine.com/tag/html
• Codrops– HTML, CSS, JavaScript 관련 리소스와 문서, 튜토리얼https://tympanus.net/codrops/
• MDN Docs: CSS 캐스캐이딩과 상속https://developer.mozilla.org/ko/docs/Learn/CSS/Building_blocks/Cascade_and_inheritance
• MDN Docs: CSS 박스 모델https://developer.mozilla.org/ko/docs/Learn/CSS/Building_blocks/The_box_model
• MDN Docs: 컨테이닝 블록의 모든 것https://developer.mozilla.org/ko/docs/Web/CSS/Containing_block
• MDN Docs: 쌓임 맥락(Stacking context)https://developer.mozilla.org/ko/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context
• CSS reset과 CSS normalize 쉽게 이해하기https://www.nextree.co.kr/p8468/
• CSS 선택자(Selector) 이해https://www.nextree.co.kr/p8468/
• Position : Floathttps://www.beautifulcss.com/archives/787
• float을 clear 하는 방법https://naradesign.github.io/float-clearing.html
• z-index에 관해 아무도 말해주지 않은 것https://mytory.net/archives/10997
• The Anti-hero of CSS Layout - "display:table"https://colintoh.com/blog/display-table-anti-hero
• 반응형 웹(Responsive Web)https://www.nextree.co.kr/p8622/
• CSS, SVG로 만드는 Circle Progress Barhttps://wit.nts-corp.com/2021/04/23/6338
• CSS Layout– CSS를 이용해 만든 레이아웃과 패턴들을 공유https://csslayout.io/
• Naver D2: flexbox로 만들 수 있는 10가지 레이아웃https://d2.naver.com/helloworld/8540176
• float 대신 grid와 flex만 써도 되나요?– 세상을 쉽게 살려고 하면 어렵게 살게 된다.https://www.inflearn.com/questions/205288
• CSS Gradient - Generator, Maker, and Backgroundhttps://cssgradient.io/
• 웹 폰트 사용하기https://wit.nts-corp.com/2017/02/13/4258
• 웹사이트에 구글 웹 폰트 적용하기https://uxgjs.tistory.com/156
• Google Fonts– 웹 폰트로 사용할 수 있는 다양한 폰트https://fonts.google.com/
• Google Material Icons– 구글에서 제공하는 다양한 형태의 무료 아이콘https://material.io/icons/
• Bootstrap Iconshttps://icons.getbootstrap.kr/
• Font Awesome 5– 많이들 사용하는 아이콘 폰트https://fontawesome.com/v5.15/icons
• Font Awesome 5: HTML 문서에 연결하고 아이콘 넣기https://www.codingfactory.net/10140
• Sass(SCSS) 완전 정복!https://heropy.blog/2018/01/31/sass/

JavaScript 프로그래밍

• JavaScript specificationshttps://developer.mozilla.org/ko/docs/Web/JavaScript/Language_Resources
• MDN Web Docs: 개발자를 위한 웹 기술– HTML, CSS, JavaScript 레퍼런스https://developer.mozilla.org/ko/docs/Web
• MDN Web Docs: 웹 기술 학습서– HTML, CSS, JavaScript 학습서https://developer.mozilla.org/ko/docs/Web/Tutorials
• W3Schools– HTML, CSS, JavaScript, jQuery 레퍼런스https://www.w3schools.com/
• 모던 JavaScript 튜토리얼https://ko.javascript.info/
• TCP School: JavaScript 개요http://tcpschool.com/javascript/intro
• 자바스크립트의 탄생https://www.neulsang.life/js-start/
• JavaScript 표준과 TypeScripthttps://medium.com/@hyunalee419/javascript-표준-58799e7a922f
• ECMAScript 정리와 버전별 특징https://medium.com/sjk5766/ecma-script-es-정리와-버전별-특징-77715f696dcb
• New features of ES6, ES7, ES8, ES9 and ES10https://programming.vip/docs/new-features-of-es6-es7-es8-es9-and-es10.html
• ECMAScript 6 compatibility tablehttp://kangax.github.io/compat-table/es6/
• jQuery API Documentationhttps://api.jquery.com/
• Node.js API Documentationhttps://nodejs.org/api/
• Node.js Quick Starthttps://nodejs.dev/learn
• React 시작하기https://ko.reactjs.org/docs/getting-started.html
• Angular 가이드 문서https://angular.kr/docs
• Naver D2: 2020년과 이후 JavaScript의 동향https://d2.naver.com/helloworld/4268738
• Frontend Frameworkhttps://tech.weperson.com/wedev/frontend/framework/
• 위키백과: 자바스크립트 프레임워크 비교https://ko.wikipedia.org/wiki/자바스크립트_프레임워크_비교
• JavaScript 최적화: DOM 핸들링 속도 개선https://www.nextree.co.kr/p2081/
• 보다 나은 jQuery 코드를 작성하는 20가지 방법https://foodchain.tistory.com/35
• jQuery: data() 이해와 활용https://www.nextree.co.kr/p10155/
• JavaScript: 함수(function) 다시 보기https://www.nextree.co.kr/p4150/
• 즉시 실행 함수(Immediately-invoked function expression)https://devyj.tistory.com/9
• Controlling CSS Animations and Transitions with JavaScripthttps://css-tricks.com/controlling-css-animations-transitions-javascript/
• jQuery: 플러그인 개발https://www.nextree.co.kr/p9989/
• Essential jQuery Plugin Patternshttps://www.smashingmagazine.com/2011/10/essential-jquery-plugin-patterns/
• MDN Docs: Ajax 시작하기https://developer.mozilla.org/ko/docs/Web/Guide/AJAX/Getting_Started
• 동기 처리와 비동기 처리https://velog.io/@daybreak/동기-비동기-처리
• 프론트엔드 개발 환경의 이해: 린트https://jeonghwan-kim.github.io/series/2019/12/30/frontend-dev-env-lint.html
• ESLint 조금 더 잘 활용하기https://tech.kakao.com/2019/12/05/make-better-use-of-eslint/

파이썬 프로그래밍

• Python 문서https://docs.python.org/ko/3/
• 점프 투 파이썬https://wikidocs.net/book/1
• 파이썬 코딩 도장https://dojang.io/course/view.php?id=7
• 연오의 파이썬https://python.bakyeono.net/table-of-contents.html
• 예제로 배우는 파이썬 프로그래밍http://pythonstudy.xyz/Python/Basics
• 파이썬 사용법https://www.delftstack.com/ko/howto/python/
• 왕초보를 위한 Python: 쉽게 풀어 쓴 기초 문법과 실습https://wikidocs.net/book/2
• 미운코딩새끼: 4시간 만에 끝내는 파이썬 기초https://wikidocs.net/book/1421
• 데이터 사이언스 스쿨: 파이썬 편https://datascienceschool.net/01 python/00.00 소개의 글.html
• 초보자를 위한 파이썬 300제https://wikidocs.net/book/922
• 파이썬 정규 표현식(re) 사용법https://greeksharifa.github.io/정규표현식(re)/2018/07/20/regex-usage-01-basic/

C/C++ 프로그래밍

• C library - C++ Referencehttp://www.cplusplus.com/reference/clibrary/
• C Referencehttps://en.cppreference.com/w/c
• The GNU C Libraryhttp://ftp.gnu.org/old-gnu/Manuals/glibc-2.2.3/html_chapter/libc_toc.html
• DevDocs: C documentationhttps://devdocs.io/c/
• The C++ Resources Networkhttp://www.cplusplus.com/
• C++ Referencehttps://en.cppreference.com/w/cpp
• Microsoft Docs: C++ 표준 라이브러리 참조https://docs.microsoft.com/ko-kr/cpp/standard-library/cpp-standard-library-reference
• Microsoft Docs: C++ 언어 설명서https://docs.microsoft.com/ko-kr/cpp/cpp/
• Modern Cpp Featureshttps://github.com/AnthonyCalandra/modern-cpp-features
• C++ compiler supporthttps://en.cppreference.com/w/cpp/compiler_support
• C 언어 코딩 도장https://dojang.io/course/view.php?id=2
• 모두의 코드https://modoocode.com/
• C 프로그래밍: 현대적 접근https://wikidocs.net/book/2494
• C Tutorialhttps://www.cprogramming.com/tutorial/c-tutorial.html
• C/ANSI-C Exampleshttp://www.java2s.com/Code/C/CatalogC.htm
• 알고리즘 자료구조 with C 언어https://ehpub.co.kr/category/알고리즘-자료구조/알고리즘-자료구조-with-c언어/

Java 프로그래밍

• Java Documentationhttps://docs.oracle.com/en/java/
• Java EE API Documentation and Tag Referencehttps://javaee.github.io/glassfish/documentation
• 점프 투 자바https://wikidocs.net/book/31
• Java 언어 Part1http://ehpub.co.kr/category/프로그래밍-언어/java-입문/
• Javahttp://www.devkuma.com/books/1
• Programming Tutorials and Source Code Exampleshttp://www.java2s.com/
• Codechacha– Java 프로그래밍 팁과 예제, 개념 등이 정리된 문서들을 제공https://codechacha.com/ko/category/java/
• CompileJava– 온라인 Java 컴파일러https://www.compilejava.net/
• 워크스페이스/프로젝트/패키지/클래스의 개념 및 명명 규칙https://codevang.tistory.com/76
• Scanner 클래스와 입력https://st-lab.tistory.com/92
• Java 입력 뜯어보기(Scanner, InputStream, BufferedReader)https://st-lab.tistory.com/41
• 자바 자료형에 대한 고찰: 자바 Integer의 캐시 기능https://pjh3749.tistory.com/254
• 자바 깊이 알기: Swap 함수와 메모리https://ecsimsw.tistory.com/entry/자바-깊이-알기-Swap-함수와-메모리
• Java: enum의 뿌리를 찾아서https://www.nextree.co.kr/p11686/
• Java Enum 활용기https://woowabros.github.io/tools/2017/07/10/java-enum-uses.html

JSP 프로그래밍

• 웹과 JSP 프로그래밍 이해하기https://velog.io/@ruinak_4127/웹과-JSP-프로그래밍-이해하기
• JSP(Java Server Pages)란https://gmlwjd9405.github.io/2018/11/03/jsp.html
• JSP & Servlet 배경 지식 정리https://myblog.opendocs.co.kr/doc_java_servlet
• 어떤 JDK를 써야 할까?https://www.lesstif.com/java/jdk-whichjdk-com-125305293.html

데이터베이스

• 데이터베이스 기초 개념 익히기https://www.bsidesoft.com/4754
• DataBase 개념 및 용어 설명https://coding-factory.tistory.com/77
• 데이터베이스 개념 정리https://brunch.co.kr/@toughrogrammer/17
• 한국인터넷산업진흥원: SQL– DA, SQL, DB 보안 등 실무자를 위한 위한 DB 기술https://wikidocs.net/book/550
• 예제로 배우는 ORACLE 11ghttps://wikidocs.net/book/550
• SQLite3로 가볍게 배우는 데이터베이스: SQL 기초 실습https://wikidocs.net/book/1530

정규 표현식

• 정규 표현식(Regular Expression)을 소개합니다.https://www.nextree.co.kr/p4327/
• 정규 표현식(Regular Expression) 이해하기https://yurimkoo.github.io/analytics/2019/10/26/regular_expression.html
• 정규 표현식의 개념과 기초 문법https://soooprmx.com/정규표현식의-개념과-기초-문법/
• 정규 표현식, 이렇게 시작하자!https://heropy.blog/2018/10/28/regexp/
• 핵심만 모아놓은 Cheat Sheethttps://chrisjune-13837.medium.com/정규식-튜토리얼-예제를-통한-cheatsheet-번역-61c3099cdca8
• MDN Web Docs: JavaScript RegExphttps://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/RegExp
• 파이썬 정규 표현식(re) 사용법https://greeksharifa.github.io/정규표현식(re)/2018/07/20/regex-usage-01-basic/
• Online regex tester and debuggerhttps://regex101.com/

프로그래밍 일반

• Baekjoon Online Judge– 프로그래밍 문제를 풀고 온라인으로 채점 받을 수 있는 사이트https://www.acmicpc.net/
• 프로그래머스– 프로그래밍·SQL 코딩 테스트와 개발자 채용 플랫폼https://programmers.co.kr/
• 알고리즘과 시간 복잡도https://feel5ny.github.io/2017/12/09/CS_01/
• 라이브러리, 프레임워크, 아키텍처, 플랫폼이란?https://blog.gaerae.com/2016/11/what-is-library-and-framework-and-architecture-and-platform.html
• 문서화에 대해 아무도 말해주지 않는 것들https://lazygyu.net/blog/secrets_of_documentation
• 프로그래머와 영어https://semoa.tistory.com/372
• 대한민국에서 영알못 개발자로 산다는 것https://pitzcarraldo.medium.com/대한민국에서-영알못-개발자로-산다는-것-ccd732eab5c2
• 소프트웨어 형상 관리(SCM)와 버전 관리 시스템(VCS)https://hellowoori.tistory.com/55
• Git Referencehttps://git-scm.com/docs
• Pro Githttps://git-scm.com/book/ko/v2
• 자주 쓰는 Git 명령어 정리https://thecodinglog.github.io/git/2019/06/13/git-frequently.html
• GitHub을 이용한 프로젝트 관리https://treasurebear.tistory.com/69
• GitHub로 프로젝트 관리하기 Part1 - 이슈 발급부터 코드 리뷰까지https://www.popit.kr/github로-프로젝트-관리하기-part1-이슈-발급-부터-코드리뷰까/
• GitHub 오픈 소스 프로젝트에 참여하기https://cselabnotes.com/kr/2021/03/26/깃허브-오픈소스-프로젝트에-참여하기/
• Carbon– Create and share beautiful images of your source codehttps://carbon.now.sh/
• Color Scripter– Simple & Flexible Syntax HighLighterhttps://colorscripter.com/
• 기술 블로그 구독 서비스– 매일 아침 10시 개발자 블로그의 글들을 메일로 보내주는 서비스http://daily-devblog.com/
• CS 기술 면접 질문 - 프로그래밍 공통https://mangkyu.tistory.com/88
• 개발자 면접, 무엇이 다르고 어떻게 준비해야 할까?https://brunch.co.kr/@thswlsgh/5