Useful websites list for programming..!

Especially , webpages.

Any proposals or reports are welcome.

Hope you enjoy.

- By 'Pajarito Moyqi'

---

List

Languages

• GUIDE
• MARKDOWN
• HTML
• CSS
• BootStrap and another
• Javascript
• TypeScript
• Python
• C
• Rust
• Assembly
• Compiler, Transfiler
• Node.js
• Django
• React.js
• Vue.js

Programming

• Data
• PWA
• Linux
• Git & Github
• Debug
• Front-end
• Design
• Hosting
• SEO
• Web Accessibility
• CDN
• VSCode
• Optimization
• Security
• API
• Architecture
• Device
• Rasberry PI
• System
• Algorithm
• Mathematics
• Coding TEST
• etc

Contents

• Writing
• Contents
• Official Tech Blog
• Lectures
• Fun

Jobs / Works

• Search
• Work Together
• Jobs

---

Languages

GUIDE

• https://github.com/innovationacademy-kr/hitchhikers_guide ( 언어 및 프로그래밍 전반에 관한 가이드를 모아둔 문서)
• https://github.com/pr0gr4m/Newbie-Guideline ( 프로그래밍 입문 뉴비 및 새로운 공부 리소스가 필요한 사람들을 위해)

MARKDOWN

Markdown

• https://heropy.blog/2017/09/30/markdown/ ( 마크다운 총정리)
• https://samsara-ku.dev/common_sense/difference-between-markup-and-markdown/ ( 마크업 vs 마크다운)
• https://mangkyu.tistory.com/80 ( 윈도우 새로만들기에 마크다운 추가하기)

etc

• https://www.youtube.com/watch?v=1NrHkjlWVhM ( how to make markdown blog by nodejs, express, mongodb)

HTML

Cross-brwosing

• https://caniuse.com/ ( Support table and cross-browsing)

Debug

• https://ui.toast.com/weekly-pick/ko_20211027 ( 2021 최신 디버깅도구 - 스타일링)

Font

• https://noonnu.cc/ ( 용도별 한글 폰트 추천)

HTML, HTML5, XHTML, XML

• http://tcpschool.com/html/html_expand_xhtml ( 기본적인 XHTML과 HTML5 간의 차이)
• https://www.interviewbit.com/blog/difference-between-html-and-xhtml/ ( difference between HTML and XHTML - advanced)
• https://www.interviewbit.com/html-interview-questions/ ( 63 HTML interview questions)
• https://www.interviewbit.com/blog/difference-between-html-and-xml/ ( difference between HTML and XML - advanced)

Img

• https://placeholder.com/ ( Good API for temporal image)
• https://picsum.photos/ ( Good API for temporal image)
• https://velog.io/@hustle-dev/%EC%9B%B9-%EC%84%B1%EB%8A%A5%EC%9D%84-%EC%9C%84%ED%95%9C-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%B5%9C%EC%A0%81%ED%99%94 ( 웹사이트 최적화를 위한 이미지 제언)
• https://web.dev/fast/#optimize-your-images ( optimize your image)
• https://oliveyoung.tech/blog/2021-11-22/How-to-Improve-Web-Performance-with-Image-Optimization/ ( 웹사이트 최적화 - 이미지 파트)
• https://techit.kr/view/?no=20200701213803 ( webp is really better than jpeg?)
• https://dmdwn3979.tistory.com/10 ( lazy loading)
• https://www.shutterstock.com/ko/blog/resize-images-for-web/ ( 브라우저 이미지 최적화)
• https://code-masterjung.tistory.com/60 ( 브라우저 이미지 최적화 2)

Inline, Inline-block, Block

• https://norux.me/63 ( inline 요소에 기본으로 있는 4px의 공백에 대하여)

Special characters

• https://www.toptal.com/designers/htmlarrows/ ( A delightful reference for HTML Symbols, Entities and ASCII Character Codes)

Svg

• https://heropatterns.com/ ( A collection of repeatable SVG background patterns)
• https://webcache.googleusercontent.com/search?q=cache:Xzh4w8qySfsJ:https://seons-dev.tistory.com/entry/%25EC%2582%25AC%25ED%258C%258C%25EB%25A6%25AC%25EC%2597%2590%25EC%2584%259C-SVG%25EA%25B0%2580-%25EB%2582%2598%25ED%2583%2580%25EB%2582%2598%25EC%25A7%2580-%25EC%2595%258A%25EC%259D%2584%25EB%2595%258C-%25ED%2595%25B4%25EA%25B2%25B0%25EB%25B0%25A9%25EB%25B2%2595&cd=2&hl=ko&ct=clnk&gl=kr ( 사파리에서 svg가 안 보여요!)

Table

• https://www.tablesgenerator.com ( table generator)

Tags

• https://yunbinni.tistory.com/63 ( HTML 모든 태그 정리)
• https://docs.emmet.io/cheat-sheet/ ( emmet cheat sheet)
• https://html.spec.whatwg.org/#toc-dom ( html tag documentation)
• https://gist.github.com/lancejpollard/1978404 ( all meta tags - very long time ago)
• https://www.metatags.org/all-meta-tags-overview/ ( all meta tags 2)
• https://developers.google.com/search/docs/advanced/crawling/special-tags?hl=ko&visit_id=638043500683790785-719107215&rd=1 ( meta tags which are valid for google bot)

Text

• https://www.lipsum.com/ ( temporal text generator)
• https://hangul.thefron.me/ ( 임시 text generator 한글판)

CSS

After & Before

• https://fromnowwon.tistory.com/entry/css-triangle-bubble ( 삼각형 그리기)

Animation

• https://animate.style/ ( animate.css)

Block & Inline

• https://junistory.blogspot.com/2017/07/html5.html ( Block 요소 및 Inline 요소 리스트)

Checkbox

• https://www.codingfactory.net/10710 ( how to style checkbox)
• https://css-tricks.com/the-checkbox-hack/ ( how to style checkbox 2)

Click

• https://stackoverflow.com/questions/18083061/make-element-unclickable-click-things-behind-it ( make element unclickable)

Color

• https://colorhunt.co/ ( 색상 조합표 list)
• https://color.adobe.com/ko/create/color-wheel ( 색상 원형 팔레트)
• https://zetawiki.com/wiki/CSS_%EC%83%89%EC%83%81%EB%AA%85,_X11_%EC%83%89%EC%83%81%EB%AA%85 ( 색상 명명표)

Compressor

• https://csscompressor.com/ ( css compressor)

Cross-browsing

• https://sung-studynote.tistory.com/131 ( 크롬의 최소 폰트 크기는 10px이다!!)

Design

• https://magazinevm.com/%EC%9B%B9%EB%94%94%EC%9E%90%EC%9D%B8-%EB%B2%A4%EC%B9%98%EB%A7%88%ED%82%B9-%EC%82%AC%EC%9D%B4%ED%8A%B8-16%EA%B3%B3-%EA%B5%AD%EB%82%B4-%ED%95%B4%EC%99%B8-%EB%AA%A8%EC%95%84%EB%B3%B4%EA%B8%B0/ ( design benchmarking websites 모음)

Flex

• https://heropy.blog/2018/11/24/css-flexible-box/ ( Flex 완벽 가이드)
• https://studiomeal.com/archives/197 ( Flex 예시 실시간 확인 가능)
• https://velog.io/@jary/flex%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%9C-%EA%B0%80%EC%9A%B4%EB%8D%B0-%EC%A0%95%EB%A0%AC ( 수직/수평 정렬)
• https://flexboxfroggy.com/#ko ( Flexbox 재미있게 배워보아요!)

Font

• https://stackoverflow.com/questions/15249654/chrome-not-respecting-font-weight ( when font-weight looks like it doesn't work)

Form

• https://web.dev/learn/forms/ ( Learn forms!)

Grid

• https://heropy.blog/2019/08/17/css-grid/ ( Grid 완벽 가이드)

Gradient

• https://cssgradient.io/ ( CSS Gradient)

Guide

• https://css-tricks.com/ ( various css tricks guide and interesting essays)

History

• https://velog.io/@teo/css-history-1 ( CSS의 역사)

Img

• https://www.remove.bg/ko ( 이미지 배경 쉽게 지우는 웹사이트)
• https://unsplash.com/ ( get free image)
• https://medium.com/@typoholic01/%EA%B3%A0%EC%9A%A9%EB%9F%89-%EC%9D%B4%EB%AF%B8%EC%A7%80-%EC%82%AC%EC%9D%B4%ED%8A%B8-b6c0fea2a4f4 ( 고용량 이미지 구하기)
• https://stackoverflow.com/questions/34247337/object-fit-not-affecting-images ( about object fit of img tag)
• https://webclub.tistory.com/279 ( image 너비에 따라 height가 바뀌도록 하기! wow wow wow)

Input

• https://stackoverflow.com/questions/28564450/font-weight-500-and-600-not-working-on-input-element ( input에 font-weight 적용하려면 font-family를 명확하게 명시해줘야 함)
• https://hianna.tistory.com/435 ( input에 글자수 제한하는 두 가지 방법)
• https://wazacs.tistory.com/33 ( custom input file x button)

Icon

• https://fontawesome.com/ ( Take the hassle out of icons in your native app)
• https://www.flaticon.com/icons ( get free icons)

MediaQuery

• https://www.w3schools.com/css/css3_mediaqueries.asp ( all media types)

Modal

• https://penguingoon.tistory.com/249 ( how to make basic modal by oneself)

nth-of-type, nth-child

• https://stackoverflow.com/questions/29859388/last-of-type-doesnt-work ( don't use class to nth-of-type)

Position

• https://stackoverflow.com/questions/6867244/force-position-absolute-to-be-relative-to-the-document-and-not-the-parent-con ( what is position: fixed)

Selector

• https://flukeout.github.io/ ( Learn selector)
• https://stackoverflow.com/questions/1014861/is-there-a-css-parent-selector?page=1&tab=scoredesc#tab-top ( Is there a CSS parent selector?)

Speech-bubble

• https://nicolasgallagher.com/pure-css-speech-bubbles/demo/ ( custom speech bubble)

Text

• http://www.tcpschool.com/css/css_basic_text ( text와 관련된 모든 css)
• https://www.dafont.com/ ( commercial free ENG fonts)
• https://webdir.tistory.com/483 ( 한 줄 or 여러 줄 글자 자르기/숨기기 총정리)

Width-height

• https://www.w3schools.com/howto/howto_css_aspect_ratio.asp ( when the element is absolute and has no child, how to give height with respect to width)

BootStrap and another

BootStrap

• https://getbootstrap.com/docs/4.1/getting-started/introduction/ ( Bootstrap documentation)
• https://startbootstrap.com/ ( More templates with Bootstrap)

MaterialUI

• https://mui.com/ ( MaterialUI official webpage)

TailwindCSS

• https://tailwindcss.com/ ( TailwindCSS official webpage)

Javascript

Books

• https://eloquentjavascript.net/ ( Eloquent Javascript)

ECMAScript

• https://github.com/tc39/proposals ( ECMAScript proposal)

Javascript

• https://poiemaweb.com/ ( 자바스크립트 및 연관된 프레임워크/언어 기초가 초심자에게는 살짝 깊은 정도로 설명되어 있음)
• https://inpa.tistory.com/ ( 자바스크립트, HTML, CSS, Node.js 등등 다양한 것들이 들어가 있음)
• https://ko.javascript.info/intro?map ( 아직 보진 못했는데 내용이 많이 들어있다. 책과 비슷한 구성)

Ajax

• https://www.youtube.com/watch?v=82hnvUYY6QA ( Ajax only with vanilla javascript)

Beautifier

• https://beautifier.io/ ( give indent to oneline JS, CSS, HTML - beautifier)

Bubbling & Capturing

• https://ko.javascript.info/bubbling-and-capturing ( 버블링, 캡처링 총정리)

Class

• https://simsimjae.tistory.com/452 ( class method로 arrow function은 사용하지 마!)

Compiler

• https://www.programiz.com/javascript/online-compiler/ ( Online Javascript Compiler)

Convention

• https://standardjs.com/rules-kokr.html ( 자바스크립트 스타일 가이드)

Cookie

• https://inpa.tistory.com/entry/JS-%F0%9F%93%9A-%EC%BF%A0%ED%82%A4Cookie-%EB%8B%A4%EB%A3%A8%EA%B8%B0 ( cookie 다루기)

Date

• https://nowonbun.tistory.com/566 ( moment 라이브러리를 사용해 format을 다양하게 활용하는 법)

Event

• https://ifuwanna.tistory.com/289 ( preventDefault()와 stopPropagation()의 차이)
• https://domevents.dev/ ( Capturing and Bubbling visualization)

Fetch

• https://stackoverflow.com/questions/7346563/loading-local-json-file ( load local json - fetch)

This

• https://velog.io/@koseungbin/This-Binding ( this가 경우에 따라 어떻게 바인딩 되는가를 다룬 문서)

Object

• https://geometery-programing.tistory.com/23 ( map, filter로 object 가공하기)
• https://ko.javascript.info/keys-values-entries ( keys, values, entries로 object 가공하기)

Regex

• https://regexr.com/ ( Regex Generator)

Swiper.js

• https://swiperjs.com/ ( Modern touch slider library)

Stack & Heap

• https://curryyou.tistory.com/276 ( Javascript 스택, 힙의 동작)

etc

• https://github.com/jashkenas/coffeescript/wiki/list-of-languages-that-compile-to-js ( List of languages that compile to JS)

TypeScript

Roadmap

• https://github.com/microsoft/typescript/wiki/roadmap ( TypeScript Roadmap)

REPL

• https://www.typescriptlang.org/play ( TypeScript to Javascript)

Python

• https://jins-sw.tistory.com/category/Python ( Python 카테고리 글이 상당히 양질인 블로그)
• https://www.youtube.com/watch?v=hz7ipeH5Dug ( Python is weird)
• https://pythontutor.com/ ( visualizing code execution)
• https://docs.python.org/3/contents.html ( Python 공식문서)

argparse

• https://engineer-mole.tistory.com/213 ( ArgumentParser란 무엇인가)

Args, kwargs

• https://brunch.co.kr/@princox/180 ( *args, *kwargs 누구냐 너흰)

Big-O and Complexity

• https://www.ics.uci.edu/~pattis/ICS-33/lectures/complexitypython.txt ( Complexity of Python Operations)

Interpreter

• https://www.onlinegdb.com/online_python_compiler ( Python online compiler)

json

• https://tifferent.tistory.com/40 ( json의 load, loads, dump, dumps)

Module

• https://jins-sw.tistory.com/17 ( sys.path 누구냐 넌)

Methods

• https://starriet.medium.com/python-with-open-as-f-%EC%97%90%EC%84%9C-f%EC%9D%98-%EC%A0%95%EC%B2%B4%EB%8A%94-3cb48ea9e302 ( 'with open'과 쓰인 'as f'의 의미)

re

• https://jh2021.tistory.com/7 ( re의 내장 메서드들에 관해 )
• https://velog.io/@cha-suyeon/match-%EA%B0%9D%EC%B2%B4%EC%9D%98-%EB%A9%94%EC%84%9C%EB%93%9C-group-start-end-span ( Methods of Match object)

Super

• https://harry24k.github.io/super/ ( super는 무엇인가)

Under-bar and under-score

• https://eine.tistory.com/entry/%ED%8C%8C%EC%9D%B4%EC%8D%AC%EC%97%90%EC%84%9C-%EC%96%B8%EB%8D%94%EB%B0%94%EC%96%B8%EB%8D%94%EC%8A%A4%EC%BD%94%EC%96%B4-%EC%9D%98-%EC%9D%98%EB%AF%B8%EC%99%80-%EC%97%AD%ED%95%A0 ( 파이썬에서의 언더바와 언더스코어의 의미 차이)

C

Compiler

• https://www.programiz.com/c-programming/online-compiler/ ( online compiler)
• https://onecompiler.com/c ( online compiler, when you face big size stdin)
• https://www.tutorialspoint.com/compile_c99_online.php ( online compiler, for C99 codes)

Debugger

• https://www.onlinegdb.com/online_c_debugger ( online debugger)

References

• https://github.com/innovationacademy-kr/hitchhikers_guide/blob/main/c.md ( 처음 배우는 C 언어에 대한 안내서들)

Scanf & printf

• https://electro-don.tistory.com/entry/scanf-n-%EA%B4%80%EB%A0%A8 ( scanf는 줄바꿈을 구분하지 않는다!)
• https://marell.tistory.com/1 ( 입력버퍼 비우기)

Rust

I/O

• https://velog.io/@unhappydogchew/%EB%9F%AC%EC%8A%A4%ED%8A%B8-%EC%9E%85%EC%B6%9C%EB%A0%A5-%EB%B0%A9%EB%B2%95-%EC%B4%9D%EC%A0%95%EB%A6%AC-Rust%EB%A1%9C-%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98-%ED%92%80%EA%B8%B0 ( 러스트로 알고리즘 풀기 - 입출력)

Assembly

6502

• https://www.pagetable.com/c64ref/6502/?tab=2 ( 6502 instructions guide)
• https://www.masswerk.at/6502/assembler.html ( virtual 6502 / Assembler)
• http://sun.hasenbraten.de/vasm/ ( portable 6502 Assembler)

Compiler and Transfiler

Babel

• https://babeljs.io/repl ( Babel REPL)

Browserify

• https://stackoverflow.com/questions/40029113/syntaxerror-import-and-export-may-appear-only-with-sourcetype-module-g ( Browserify is confusing. if there is syntax error for import, install plugin and translate it using babel)

Compiler

• https://ideone.com/ ( oneline compiler)

Minifier

• https://www.minifier.org/ ( Javascript and CSS minifier)

Node.js

Ajax

• https://stackoverflow.com/questions/48659892/how-to-handle-csrf-token-using-xmlhttprequest ( How to send csrf token with ajax)

Cookie-parser

• https://inpa.tistory.com/entry/EXPRESS-%F0%9F%93%9A-bodyParser-cookieParser-%EB%AF%B8%EB%93%A4%EC%9B%A8%EC%96%B4 ( cookie-parser, body-parser에 대한 내용)

Compression

• https://stackoverflow.com/questions/20206771/express-with-node-js-not-compressing-jpeg-images ( Why we can't compress images)
• https://stackoverflow.com/questions/69461277/express-compress-not-working-in-node-website ( Why we can't compress images - another funtion 1 that helps to get away from this situation)

Deploy

• https://blog.ull.im/engineering/2019/03/31/node-js-production-best-practices.html ( node 배포 환경을 위한 best practice)
• https://jemerald.tistory.com/96, https://calvinjmkim.tistory.com/22 ( 배포후 node를 업그레이드 했더니 Error: Cannot find module 'semver'가 뜨는 경우)

Fs

• https://stackoverflow.com/questions/65986153/how-to-make-fs-readfile-async-await ( how to use fs.readfile() asynchronously)

Gulp

• https://velopert.com/1344 ( build 자동화 도구, gulp - basic)
• https://github.com/gulpjs/gulp/tree/master/docs/recipes ( gulp recipies (important!))
• https://programmingsummaries.tistory.com/382 ( gulp, browserify, vinyl, stream)
• https://stackoverflow.com/questions/47484624/how-to-use-gulp-with-pm2 ( how to use gulp with pm2 - 1)
• https://www.lukinotes.com/2021/11/working-with-gulp-and-pm2.html ( how to use gulp with pm2 - 2)

Image

• https://www.zerocho.com/category/NodeJS/post/5950a6c4f7934c001894ea83 ( node.js express에서 image 업로드하기 - multer)
• https://sub0709.tistory.com/158 ( how to limit the size of image - multer)

Markdown

• https://bohyeon-n.github.io/content/node.js/blogIndex.html ( md문서 html로 만들고 node.js 서버에 올리기 with ejs)

Npm

• https://opentutorials.org/module/4571/27567 ( npm에 public으로 배포해보자!)

Package.json

• https://docs.npmjs.com/cli/v8/configuring-npm/package-json ( package-json properties)
• https://spdx.org/licenses/ ( list of license that you can write in package.json)

Pm2

• https://pm2.io/docs/runtime/best-practices/environment-variables/ ( when you want to update env var)
• https://inpa.tistory.com/entry/node-%F0%9F%93%9A-PM2-%EB%AA%A8%EB%93%88-%EC%82%AC%EC%9A%A9%EB%B2%95-%ED%81%B4%EB%9F%AC%EC%8A%A4%ED%84%B0-%EB%AC%B4%EC%A4%91%EB%8B%A8-%EC%84%9C%EB%B9%84%EC%8A%A4 ( pm2 총정리 - Inpa blog)

Res, req

• https://webcache.googleusercontent.com/search?q=cache:ok-H_I_eyc0J:https://beausty23.tistory.com/68&cd=3&hl=ko&ct=clnk&gl=kr ( res.send로 팝업창 띄운 뒤 다시 되돌아오기)

Security (helmet, csurf etc)

• https://m.blog.naver.com/PostView.nhn?blogId=cck223&logNo=221019399455&proxyReferer=https:%2F%2Fwww.google.com%2F ( Helmet & Cookie/Session 중심)
• https://snyk.io/blog/explaining-the-csurf-vulnerability-csrf-attacks-on-all-versions/ ( csurf deprecated and how to handle it)
• https://webcache.googleusercontent.com/search?q=cache:cTrgjfWLOPsJ:https://programmer-eun.tistory.com/125&cd=4&hl=ko&ct=clnk&gl=kr ( bcrypt)
• https://stackoverflow.com/questions/46408595/content-security-policy-csp-how-to-allow-svg-image-in-object ( svg Content Security Policy problem)
• https://tilomitra.medium.com/13-best-practices-to-secure-your-web-application-cc8fcdc352f5 ( 13 best practice for node security)
• https://www.reddit.com/r/node/comments/xkey8g/understanding_the_csrf_vulnerability_in_popular/ ( So, if you've installed csurf on your Express app, before you go chasing down some other library, I'd recommend doing an analysis of what real risk CSRF poses to you)
• https://www.veracode.com/blog/research/analysis-and-remediation-guidance-csrf-vulnerability-csurf-expressjs-middleware ( 2 way of Remediation of csurf)
• https://inpa.tistory.com/entry/NODE-%EB%B3%B4%EC%95%88-%F0%9F%93%9A-csurf-%EB%AA%A8%EB%93%88-%EC%82%AC%EC%9A%A9%EB%B2%95 ( how to use csurf module)
• https://inpa.tistory.com/entry/NODE-%F0%9F%93%9A-bcrypt-%EB%AA%A8%EB%93%88-%EC%9B%90%EB%A6%AC-%EC%82%AC%EC%9A%A9%EB%B2%95 ( bcrypt 원리)

Django

• https://blog.hannal.com/category/start-with-django-webframework/ ( great django summary page, deep explanation)
• https://github.com/LikeLionSCH/LikeLion_Django_Study_Summary ( 멋쟁이 사자처럼 7기 Django 강의 요약)

Admin

• https://funncy.github.io/django/2020/04/08/django-eb-05/ ( 배포 후 admin 사용)

Database

• https://lemonlemon.tistory.com/182 ( no such table error)

Errors

• https://ssungkang.tistory.com/entry/Django-class-has-no-objects-member-%EC%97%90%EB%9F%AC ( class has no obejcts member error 해결하는 두 가지 방법)

Flow

• https://velog.io/@ifyouseeksoomi/Django-%EB%82%B4%EA%B0%80-%EC%9D%B4%ED%95%B4%ED%95%9C-flow-urls.py-views.py-models.py-django-shell ( 체계적으로 본인이 공부한 views.py, manage.py, urls.py, models.py에 대해 정리함)
• https://velog.io/@mini_y/Django-%EA%B0%9C%EB%85%90%EC%A0%95%EB%A6%AC ( Django flow에 대한 좋은 그림을 가지고 있음)

Models

• https://docs.djangoproject.com/en/4.1/ref/models/fields/#field-types ( Django field types)

Settings

• https://076923.github.io/posts/Python-Django-3/ ( settings.py 파일에 대한 깊은 이해)

Slug

• https://stackoverflow.com/questions/427102/what-is-a-slug-in-django ( what is slug - basic)

Template

• https://docs.djangoproject.com/en/4.1/ref/templates/builtins/ ( Built-in template tags and filters)

Url

• https://stackoverflow.com/questions/70319606/importerror-cannot-import-name-url-from-django-conf-urls-after-upgrading-to ( url deprecated error django 3.xx to django 4.xx)

Venv & virtualenv

• https://jins-sw.tistory.com/19 ( venv 내부동작은 어떻게 될까?)
• https://bubtaylor.com/how-pythons-virtualenv-works-f21c298f8061 ( how venv works internally?)

React.js

• https://react.vlpt.us/ ( 기본적인 게 기억 안 날 때)

Render

• https://d2.naver.com/helloworld/59361 ( 브라우저는 어떻게 화면을 rendering 하는가)
• https://meetup.toast.com/posts/110 ( React rendering and performance)

Virtual DOM

• https://saiki.hashnode.dev/the-one-thing-that-no-one-properly-explains-about-react-why-virtual-dom ( why virtual DOM?)
• https://ryublock.tistory.com/41 ( React and virtual DOM)
• https://www.geeksforgeeks.org/difference-between-virtual-dom-and-real-dom/ ( virtual DOM vs real DOM)

Vue.js

Vue3 changed points

• https://v3.vuejs.org/guide/migration/introduction.html#global-api ( 공식페이지)
• https://velog.io/@bluestragglr/Vue3-%EB%AC%B4%EC%97%87%EC%9D%B4-%EB%B0%94%EB%80%8C%EB%82%98%EC%9A%94 ( 변경점 생기기 전 기준 자세한 설명)

Css deep rendering

• https://stackoverflow.com/questions/44844788/vue-js-style-v-html-with-scoped-css ( 두 가지 해결방법)

Duplicated data

• https://ui.toast.com/weekly-pick/ko_20190307 ( deep, immediate, handler)

HtmlWebpackPlugin.options.title

• https://stackoverflow.com/questions/62023604/where-to-find-or-how-to-set-htmlwebpackplugin-options-title-in-project-created-w ( title 바꾸기)

V-model과 selected

• https://stackoverflow.com/questions/46772060/vue-selected-prop-not-working-with-v-model ( answer: "gives initial value to binded variable")

etc

• https://jess2.xyz/vue/vue-tip/ ( 실무에 적용하면 좋은 내용 정리)

Programming

Data

ERD

• https://inpa.tistory.com/entry/DB-%F0%9F%93%9A-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EB%AA%A8%EB%8D%B8%EB%A7%81-1N-%EA%B4%80%EA%B3%84-%F0%9F%93%88-ERD-%EB%8B%A4%EC%9D%B4%EC%96%B4%EA%B7%B8%EB%9E%A8 ( ERD 총정리)
• https://app.diagrams.net/ ( ERD 그리기 편한 곳)

JOIN

• https://sql-joins.leopard.in.ua/ ( JOIN visualizer)

JSON

• http://json.parser.online.fr/ ( hard-to-see JSON parsing)
• http://www.jsondiff.com/ ( two JSON file comparison)
• https://jwt.io/ ( JWT conversion website)

MariaDB(SQL)

• https://hdhdeveloper.tistory.com/61 ( MariaDB error 1452 - 외래키 삽입 시 오류가 있는 경우)

Normalization

• https://www.youtube.com/watch?v=pMcv0Zhh3J0 ( 제1 정규화부터 제3 정규화까지 가장 깔끔하게 설명 - 완벽하게 올바른 설명인지는 아직 모르겠음)
• https://mr-dan.tistory.com/10 ( 제1 정규화부터 제3 정규화까지 조금 더 어렵지만 원론에 충실하게 한 설명 - 어려워서 여러 번 봐야할 것 같음)

SQL

• https://sqlbolt.com/lesson/select_queries_order_of_execution ( SQL query execution order)
• https://stackoverflow.com/questions/4596467/order-of-execution-of-the-sql-query ( But actually the order is not always gonna be kept)
• https://jvns.ca/blog/2019/10/03/sql-queries-don-t-start-with-select/ ( But actually the order is not always gonna be kept 2)
• https://cornswrold.tistory.com/131 ( SQL문이 SQL Engine에 닿기까지)
• https://coding-factory.tistory.com/743 ( optimizer 자세한 설명)
• https://www.jooq.org/translate/ ( SQL translator)

PWA

Builder

• https://www.pwabuilder.com/ ( website PWA score and necessary files generating)

Linux

Environment Variable

• https://linuxize.com/post/how-to-set-and-list-environment-variables-in-linux/ ( how to set and where to set)
• https://unix.stackexchange.com/questions/117467/how-to-permanently-set-environmental-variables ( where to set)
• https://seulcode.tistory.com/546 ( where to set)

Id

• https://stackoverflow.com/questions/4517301/difference-between-pid-and-tid ( Difference between PID and TID)

Outdated libraries message

• https://stackoverflow.com/questions/73397110/how-to-stop-ubuntu-pop-up-daemons-using-outdated-libraries-when-using-apt-to-i ( how to automize it)

Process

• https://blog.naver.com/jayeonsaram/220958066941 ( Process 백그라운드로 돌리고 나가기, gulp watch에 유용!!!!!)

Screen Shot

• https://www.linuxadictos.com/ko/tres-maneras-diferentes-de-hacer-capturas-de-pantalla-en-linux.html ( 기본적인 스샷 단축키)

Source code

• https://elixir.bootlin.com/linux/latest/source ( 리눅스 소스코드 검색 쉽게 하는 곳)

SSH

• http://taewan.kim/post/ssh_config/ ( ssh config file)

Terminal

• https://tecadmin.net/close-terminal-without-killing-running-processes-on-linux/ ( How to close terminal without killing running processes on Linux)

Watcher

• https://stackoverflow.com/questions/53930305/nodemon-error-system-limit-for-number-of-file-watchers-reached ( Nodemon Error: System limit for number of file watchers reached)

Git and Github

Actions

• https://www.youtube.com/playlist?list=PLDZRZwFT9Wkt19Ox35Ir2A7CyNIWG96Nm ( github actions 초보자용 - Microsoft Developer Korea)

Branch make and integration

• https://goddaehee.tistory.com/274 ( 간단하게 설명되어 있음)

Commit

• https://meetup.nhncloud.com/posts/106 ( 좋은 commit message란?)

Confilct

• https://www.youtube.com/watch?v=mOJazBNrG-c ( conflict resolving in github)

Flow

• https://ujuc.github.io/2015/12/16/git-flow-github-flow-gitlab-flow/ ( git-flow, github-flow, gitlab-flow)
• https://www.inbogi.com/bok/2020/04/1/ ( git flow naming convention)
• https://www.atlassian.com/git/tutorials/comparing-workflows/gitflow-workflow ( git workflow)

Git

• https://www.toptal.com/developers/gitignore ( 프로젝트에 따른 gitignore 자동생성)

Github Achievement

• https://github.com/drknzz/GitHub-Achievements ( github Achievements and Badge 기준)

Github Extensions

• https://inpa.tistory.com/entry/GitHub-%F0%9F%8F%9B%EF%B8%8F-%EC%9C%A0%EC%9A%A9%ED%95%9C-%EA%B9%83%ED%97%99-%ED%81%AC%EB%A1%AC-%EC%9D%B5%EC%8A%A4%ED%85%90%EC%85%98-%F0%9F%A7%A9-%EB%AA%A8%EC%9D%8C ( 유용한 깃헙 익스텐션 모음)

Github Issues and label

• https://rewind.com/blog/best-practices-for-using-github-issues/ ( github issue labeling best practice)
• https://robinpowered.com/blog/best-practice-system-for-organizing-and-tagging-github-issues ( Tagging Best Practices)
• https://medium.com/@dave_lunny/sane-github-labels-c5d2e6004b63 ( Sane GitHub Labels)
• freshpotatoteam/DocsCare#1 ( Label 관리 및 적용 가이드 방식 제안)
• https://velog.io/@rimo09/Github-github-label-%ED%95%9C%EB%B2%88%EC%97%90-%EC%A0%81%EC%9A%A9%ED%95%98%EA%B8%B0 ( 라벨 가져오기)

Github Profile

• http://blog.cowkite.com/blog/2102241544/ ( Github Profile 꾸미기)

Github Templates

• https://lusida-coding.tistory.com/140 ( 깃허브 pull request와 issue template 만드는 방법!)

Github Statistics

• https://octoverse.github.com/ ( github 관련 통계)

Github Status

• https://www.githubstatus.com/ ( github status update - when error is not solved in normal way)

Markdown

• https://stackoverflow.com/questions/41915571/open-link-in-new-tab-with-github-markdown-using-target-blank ( in github, you can't use 'target=_blank' in markdown)

Naming

• https://blog.ull.im/engineering/2019/03/10/logs-on-git.html ( 좋은 git commit 메시지를 위한 영어 사전)

Open Source

• https://seongjin.me/how-to-contribute-to-open-source/ ( 깃허브 오픈소스 기여 초보자 가이드)

Pull/push without id

• https://kibua20.tistory.com/88 ( 아주 많은 방법이 있다)

Debug

• https://www.youtube.com/watch?v=0lUJvVqSEkY ( expose your localhost to the world! ngrok and localtunnel)

Front-end

• https://www.youtube.com/user/dongjukim75 ( 전문 프론트엔드 작업자는 어떻게 작업하는가)

Design

• https://www.cssdesignawards.com/ ( monthly web design)
• https://www.awwwards.com/ ( today's web design)
• https://designus.io/topic ( A-B 어느게 어떨 때 좋을까요? 디자인 비교)
• https://www.webdesignmuseum.org/ ( web design museum)

Hosting

DigitalOcean

• https://www.youtube.com/watch?v=eO1gl7NxZHU ( digitalocean how to apply multiple domains to droplet)

Domain

• https://tld-list.com/ ( Domain comparison)
• https://kr.godaddy.com/ ( Godaddy - bad)
• https://www.gabia.com/ ( 가비아)
• https://www.namecheap.com/ ( Namecheap)
• https://www.spaceship.com/ ( spaceship)
• https://regery.com/ ( Regery)
• https://porkbun.com/ ( Porkbun - very good!)

Godaddy

• https://rosemelon.hwachae.com/12 ( 도메인 만료 후 프로세스 정리)

Nginx

• https://blog.leocat.kr/notes/2020/04/21/nginx-413-request-entity-too-large ( 413 Request Entity Too Large 해결방법)
• https://serverfault.com/questions/938419/nginx-as-reverse-proxy-with-several-domains-hosts ( nginx multiple domains with reverse proxy)
• https://thoughts.t37.net/nginx-optimization-understanding-sendfile-tcp-nodelay-and-tcp-nopush-c55cdd276765 ( What is sendfile, tcp_nodelay, tcp_nopush?)
• https://charsyam.wordpress.com/2019/03/14/%EC%9E%85%EA%B0%9C%EB%B0%9C-nagle-%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98%EA%B3%BC-tcp_cork/ ( Nagle 알고리즘과 TCP_CORK)
• https://stackoverflow.com/questions/22124098/is-there-any-significant-difference-between-tcp-cork-and-tcp-nodelay-in-this-use ( What's the difference between TCP_CORK and TCP_NODELAY?)
• https://linux.die.net/man/7/tcp ( Linux TCP - Socket options)
• https://baus.net/on-tcp_cork/ ( About TCP_CORK)
• https://etloveguitar.tistory.com/137 ( persistent connection, keep-alive)
• https://couplewith.tistory.com/entry/%EA%BF%80%ED%8C%81%EA%B3%A0%EC%84%B1%EB%8A%A5-Nginx%EB%A5%BC%EC%9C%84%ED%95%9C-%ED%8A%9C%EB%8B%9D4-%EB%A9%94%EB%AA%A8%EB%A6%AC-%EB%B0%8F-CPU-%ED%8A%9C%EB%8B%9D%ED%95%98%EA%B8%B0-Processor ( Nginx 튜닝 관련 좋은 글이 많다)
• https://juneyr.dev/nginx-basics ( 전반적으로 nginx를 잘 이해하고 쓴 것 같은 글)
• https://narup.tistory.com/238 ( nginx reverse proxy setting)
• https://www.joinc.co.kr/w/man/12/proxy ( proxy server)
• https://learn.microsoft.com/ko-kr/troubleshoot/developer/webapps/aspnetcore/practice-troubleshoot-linux/2-2-install-nginx-configure-it-reverse-proxy ( nginx reverse proxy setting 2)
• https://adguard-vpn.com/ko/blog/vpn-vs-proxy.html ( VPN vs Forward Proxy)

Porkbun

• https://www.youtube.com/watch?v=kl3a76CBwX4 ( Porkbun Domains: Register, Transfer, Connect Website, and Grant Access)

SSG, SSR, CSR, SPA, TTV, TTI

• https://www.youtube.com/watch?v=iZ9csAfU5Os ( 10분 내로 간단 정리)

VPS

• https://www.youtube.com/watch?v=oykl1Ih9pMg ( deploy process nodejs)
• https://www.youtube.com/watch?v=w3RFk35synM ( deploy process with nginx)
• https://github.com/nodejs/node-v0.x-archive/wiki/Node-Hosting ( list of where you can host node projects)

SEO

• https://developers.google.com/search/docs/beginner/seo-starter-guide?hl=ko ( 구글 기본 가이드)
• https://velog.io/@byeol4001/Meta-Tag-OG%EC%98%A4%ED%94%88%EA%B7%B8%EB%9E%98%ED%94%84-%EC%82%AC%EC%9A%A9%ED%95%98%EA%B8%B0 ( og tags)

BlackHat SEO

• https://www.youtube.com/watch?v=J2hj2s9gtG4 ( 블랙햇이란 무엇인가?)

Favicon maker

• https://favicon.io/ ( text favicon maker)

Web Accessibility

• https://nuli.navercorp.com/ ( 웹 접근성이 어떤 사람들에게 필요하고 어떻게 구현이 가능한가)

Aria(HTML)

• https://velog.io/@kym123123/ARIA%EC%9D%98%EC%86%8D%EC%84%B1%EC%83%81%ED%83%9C%EC%97%AD%ED%95%A0%EB%B0%8F%EC%82%AC%EC%9A%A9-%EC%98%88%EC%8B%9C%EC%A3%BC%EC%9D%98%EC%82%AC%ED%95%AD ( aria란 무엇인가)

CDN

• https://cdnjs.com/ ( world CDN Search)

VSCode

• https://hianna.tistory.com/550 ( 화면/메뉴 글자들이 전체적으로 작아졌을 때)
• https://www.inflearn.com/blogs/2156 ( Beautify 더 이상 지원 안 함, 대체품은?)

Optimization

CLS

• https://wit.nts-corp.com/2020/12/28/6240 ( 새로운 웹페이지 성능 측정 지표 - CLS)

Ip address

• https://www.ipaddress.com/ ( where is my ip location)
• https://www.whatsmydns.net/ ( DNS Propagation Checker)

Performance

• https://medium.com/myrealtrip-product/fe-website-perf-part1-6ae5b10e3433 ( 마이리얼트립 웹사이트 성능 측정 및 최적화)

Speed Test

• https://tools.pingdom.com/ ( website speed test)
• https://pagespeed.web.dev/ ( website speed test 2)

Traffic(Bandwidth)

• https://www.similarweb.com/ ( Effortlessly Analyze Your Competitive Landscape - Past month visitors analyze)

Security

• https://www.youtube.com/watch?v=Q3YuKipzPbs ( Samesite란 무엇이고, CSRF 방어와 어떤 관계인가)
• https://www.youtube.com/channel/UC3BZupqBa9CZiNSc0x3lJlg/videos ( 다양한 웹 보안 짧은 강의들이 많음)
• https://github.com/pillarjs/understanding-csrf ( understanding csrf)
• https://www.zerocho.com/category/NodeJS/post/5a6c347382ee09001b91fb6a ( 크롬에서는 CORS에 localhost를 넣는 것이 막혀있다!)
• https://www.youtube.com/watch?v=1w1B0b8_xnI ( snyk란 무엇이고 어떻게 사용하는가?)

API

• https://newsapi.org/ ( world-wide news api)

Architecture

• https://ocw.mit.edu/courses/6-004-computation-structures-spring-2017/ ( Computation Structures, MIT open course)
• https://www.youtube.com/watch?v=8mAITcNt710 ( Harvard CS50 – Full Computer Science University Course)
• https://computerhistory.org/ ( Computer History Museum)

Analogue and Digital

• https://bugoverdose.github.io/computer-science/analog-and-digital/ ( 왜 디지털인가?)
• https://www.youtube.com/watch?v=9ROD_oxpVcA ( 인공지능 시대의 간지폭풍, 아날로그 컴퓨터 (1편))
• https://www.youtube.com/watch?v=euR76oRd7L4 ( 당신의 그래픽카드 이 칩으로 대체되었다. 아날로그 컴퓨터 (2편))
• https://www.youtube.com/watch?v=6AgkTdQXFTY ( Analog computing will take over 30 billion devices by 2040. Wtf does that mean? | Hard Reset)

Assembly

• https://godbolt.org/ ( see results for Assembly for each compiler or CPU)
• https://www.youtube.com/playlist?list=PL0M0Rj5S0RUwXH-3RhBipvfUHYVkA2FPw ( 유튜브 강의 배은태-어셈블리 언어)
• https://store.steampowered.com/app/375820/Human_Resource_Machine/ ( steam game - human resource machine)
• https://store.steampowered.com/app/370360/TIS100/ ( steam game - TIS-100)
• https://www.inflearn.com/course/%EC%96%B4%EC%85%88%EB%B8%94%EB%A6%AC%EC%96%B4-%EB%B0%B0%EC%9A%B0%EA%B8%B0 (인프런 강좌 - 어셈블리어 배우기)
• https://pacman128.github.io/static/pcasm-book-korean.pdf ( PC 어셈블리어 번역본)
• https://jakupsil.tistory.com/33 ( Assembly 파일 확장자 .s와 .S는 다르다!)

Capacitor(Condenser)

• https://www.youtube.com/watch?v=oD4R0dG6qoQ ( 콘덴서에 대한 설명)

Code Execution

• https://www.youtube.com/watch?v=D5c4anv2REk ( 컴퓨터는 이진수를 어떤 방법으로 실행하나요?)

Clock

• https://woodforest.tistory.com/195 ( rising edge, falling edge, Q, Q+)

CPU

• https://www.youtube.com/watch?v=Fg00LN30Ezg ( CPU란 무엇인가?)
• http://visual6502.org/ ( CPU 돌아갈 때 얼마나 많은 신호가 돌아다니는지 볼 수 있는 곳)

Diode

• https://www.youtube.com/watch?v=RI3uH0eo6ek ( 다이오드 설명)

Encoding

• https://www.youtube.com/watch?v=1jo6q4dihoU ( 문자 인코딩, 유니코드, UTF-8이 뭔가요? - 인코딩에 대한 기초 짧은 영상)

Gate

• https://logic.ly/ ( logic gate design)

GPU

• https://www.youtube.com/watch?v=ZdITviTD3VM ( GPU란 무엇인가?)

IC

• https://www.youtube.com/watch?v=g8Qav3vIv9s ( How are microchips made?)
• https://www.youtube.com/watch?v=1VPFWeRisz4&list=PLrJcoRcsaj2t-dbXH8A3KZaZTjFDNfBgB ( 디지털집적회로설계 강의 재생목록 미쳤다!)

Latch

• https://gdnn.tistory.com/287 ( D Latch 간단한 설명)
• https://www.youtube.com/watch?v=nL7d2_4TYZk ( SR Latch)

Logic Gate

• https://sebastian.itch.io/digital-logic-sim ( Digital Logic Sim)

Memory

• https://m.blog.naver.com/ycpiglet/221984934010 ( SRAM vs DRAM)
• https://information-factory.tistory.com/270 ( RAM vs ROM)
• https://www.youtube.com/watch?v=paQ3zIsz1-8 ( watch core memory)
• https://www.youtube.com/watch?v=YnnGbcM-H8c ( show how keypunch card punches!)
• https://www.youtube.com/watch?v=KG2M4ttzBnY ( the history of punch card)
• https://www.youtube.com/watch?v=XS3UBuZ7D34 ( How magnetic drum memory works)
• https://www.youtube.com/watch?v=9XJapKLq_6k ( Computer History: Memory & Storage 1950-1985 - (Core, disc, vacuum tube, etc.))
• https://www.youtube.com/watch?v=I0-izyq6q5s ( How Do Computers Remember? - incredible video!!)
• https://www.youtube.com/watch?v=xS4RmkvE_d4 ( SRAM DRAM 플래시메모리 동작 원리)
• https://www.materialssquare.com/blog/semiconductor-memory-dram ( 메모리 반도체는 어떻게 데이터를 저장할까? [Part. 1 DRAM] - transistor 단위)
• https://www.materialssquare.com/blog/semiconductor-flash-memory ( 메모리 반도체는 어떻게 데이터를 저장할까? [Part. 2 Flash Memory, New Memory] - transistor 단위)
• https://blog.naver.com/PostView.nhn?blogId=durian0328&logNo=222245268881&parentCategoryNo=&categoryNo=16&viewDate=&isShowPopularPosts=false&from=postView ( DRAM, SRAM, NAND flash 비교)

Resistor

• https://www.youtube.com/watch?v=JJGdXT846f0 ( 저항기 설명)

Semiconductor

• https://www.youtube.com/playlist?list=PLm7kUQYfvIRP0l66keVy-DZ0vhTi7jOII ( 반도체 전공면접 한 번에 통과하기 - 시대에듀 재생목록 -> 대학 강의보다는 더 쉬운 느낌)

Signal

• https://treeroad.tistory.com/entry/%EC%B0%A8%EB%8F%99-%EC%8B%A0%ED%98%B8%EB%9E%80-differential-input-signal ( 차동신호란)

Time

• http://brenocon.com/dean_perf.html ( "Numbers Everyone Should Know" from Jeff Dean)

Transistor

• https://www.youtube.com/shorts/EACjoPZPYzI ( What is transistor) https://www.youtube.com/watch?v=T1eMKml3iE0 ( 트랜지스터 설명)

Truth Table

• https://en.wikipedia.org/wiki/Truth_table ( binary operation truth table)

Relay

• https://m.blog.naver.com/roboholic84/220460268471 ( 릴레이란 무엇인가, 기초 원리)

etc

• https://github.com/kangtegong/self-learning-cs ( 책 "혼자 공부하는 컴퓨터구조 + 운영체제" 추가자료 및 issue용 github repository)

Device

Keyboard

• https://www.youtube.com/watch?v=RGUvUf9YfFw ( 키보드의 이해: 고스트키란 무엇인가)

Mouse

• https://www.youtube.com/watch?v=SAaESb4wTCM ( How does a Mouse know when you move it? || How Does a Computer Mouse Work?)
• https://www.youtube.com/watch?v=-HVKm5fIUA8 ( How do computer mice work? 🖱🖱 || Scroll Wheels)

Rasberry PI

• https://m.blog.naver.com/PostView.naver?isHttpsRedirect=true&blogId=roboholic84&logNo=220356487482 ( 라즈베리파이 악세사리 간단한 소개)

System

• https://covenant.tistory.com/219 ( OS 관련 자료추천)

Algorithm

Big-O

• https://www.bigocheatsheet.com/ ( Big-O cheatsheet)

BitMask

• https://rebro.kr/63 ( 비트마스크 (BitMask) 알고리즘)
• https://www.youtube.com/watch?v=rlTkd4yOQpE ( Episode 20 - Bitmask Dynamic Programming)

BOJ

• https://help.acmicpc.net/status/server-and-queue ( 백준 서버 상태)

DS

• https://www.cs.usfca.edu/~galles/visualization/Algorithms.html ( Data Structure visualization)

Mathematics

CheatSheet

• https://algospot.com/wiki/read/%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98_%EB%8C%80%ED%9A%8C%EC%97%90_%ED%95%84%EC%9A%94%ED%95%9C_%EC%88%98%ED%95%99 ( 알고리즘 대회에 필요한 수학)
• https://velog.io/@sominpark/%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98-%EC%95%8C%EA%B3%A0%EB%A6%AC%EC%A6%98-%ED%92%80%EC%9D%B4%EC%97%90-%ED%95%84%EC%9A%94%ED%95%9C-%EC%88%98%ED%95%99-%EA%B0%9C%EB%85%90 ( 알고리즘 풀이에 필요한 수학 개념)

IEEE 754

• https://www.h-schmidt.net/FloatConverter/IEEE754.html ( Float to binary converter)

Linear Algebra

• https://www.youtube.com/watch?v=fNk_zzaMoSs&list=PLZHQObOWTQDPD3MizzM2xVFitgF8hE_ab ( Essence of linear algebra)

Coding TEST

• https://www.acmicpc.net/ ( 백준)
• https://swexpertacademy.com/main/main.do ( SWEA)
• https://programmers.co.kr/ ( 프로그래머스)
• https://codeup.kr/ ( 코드업)
• https://www.codetree.ai/ ( 코테 단계별 학습 도움)
• https://leetcode.com/ ( LeetCode)
• https://www.geeksforgeeks.org/top-10-algorithms-in-interview-questions/ ( Top 10 algorithms in interview questions)

etc

Beautify

• https://www.diffchecker.com/ ( code difference checker)
• https://tools.arantius.com/tabifier ( code beautifier)
• https://codebeautify.org/sqlformatter ( SQL Formatter - can remove comment)

Coding convetion

• https://nuli.navercorp.com/tool/codingCon ( 네이버 코딩 컨벤션)
• https://google.github.io/styleguide/htmlcssguide.html ( google html/css coding convention)

Converter

• https://www.codeconvert.ai/free-converter ( 코드 컨버터 with AI )

Execution environment

• https://ryugod.com/pages/ide/bash ( 별의별 코딩언어 다 있는 실행환경)

First website

• http://info.cern.ch/ ( First website)

Module, package, library, framwork

• https://doozi0316.tistory.com/entry/%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%ACFramework-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%ACLibrary-%ED%94%8C%EB%9F%AC%EA%B7%B8%EC%9D%B8Plug-in-%EB%AA%A8%EB%93%88Module%EC%9D%98-%EC%B0%A8%EC%9D%B4 ( 라이브러리와 프레임워크의 차이를 아주 명쾌하게 설명)
• https://blckchainetc.tistory.com/entry/%EB%AA%A8%EB%93%88-vs-%ED%8C%A8%ED%82%A4%EC%A7%80-vs-%EB%9D%BC%EC%9D%B4%EB%B8%8C%EB%9F%AC%EB%A6%AC-vs-%ED%94%84%EB%A0%88%EC%9E%84%EC%9B%8C%ED%81%AC?category=853037 ( module, package, library, framwork 차이 간단하게 설명)

RoadMap

• https://roadmap.sh/ ( roadmap by job and stack)
• https://github.com/datastacktv/data-engineer-roadmap ( data engineer roadmap)

Regex

• https://ahkscript.github.io/ko/docs/misc/RegEx-QuickRef.htm ( Regex 간편 참조서)
• https://www.autohotkey.com/docs/v1/misc/RegEx-QuickRef.htm ( Regex 간편 참조서)

Unminify

• https://unminify.com/ ( unminify the code)

URL

• https://www.shorturl.at/ ( url shortener)

Contents

Writing

Patch Note / Release Note

• https://brunch.co.kr/@ultra0034/80 ( 패치노트 작성)
• https://engineering.linecorp.com/ko/blog/write-the-docs-prague-2018-recap/ ( Write the Docs Prague 2018 방문기 - 릴리즈 노트 관련 글도 있음)
• https://www.youtube.com/watch?v=L3yAD319DiU&t=6s ( Write the Docs Prague 2018 - Learning to love release notes - Anne Edwards)
• https://tech.kakaoenterprise.com/113 ( Release Note 톺아보기)

Technical Writing

• https://developers.google.com/tech-writing ( google technical writing course)

Contents

Blogs

• https://blog.shift.moe/ ( solved.ac 박수현 블로그)
• https://ahnheejong.name/ ( 안희종 블로그)
• https://inpa.tistory.com/ ( inpa 블로그)
• https://shoark7.github.io/ ( SUNGHWAN PARK 블로그 - 알고리즘 포스트 좋음)
• https://ttl-blog.tistory.com/ ( Shin._.Mallang 블로그 - CS 포스트 좋음)
• https://cs-ssupport.tistory.com/307 ( cs-ssupport - CS를 아우르는 분야 포스트 좋음)
• https://recipes.tistory.com/ ( 친절한 임베디드 시스템 개발자 되기 강좌 - 『임베디드 레시피』 책 내용 다수 포함)
• https://kadensungbincho.tistory.com/ ( Kaden Sungbin Cho 블로그)
• https://austindhkim.tistory.com/ ( Austin Kim 티스토리 블로그)
• https://blog.naver.com/PostList.naver?blogId=crushhh ( Austin Kim 네이버 블로그)
• https://blog.naver.com/PostList.naver?blogId=lagrange0115&categoryNo=0&from=postList ( 엠에스리 블로그 - 기계공학/전기전자 관련 글 좋음)

Book

• http://egloos.zum.com/dreamform/v/2807474 ( CS, Architecture 쪽에 집중된 책 추천)
• https://itguava.tistory.com/8 ( OS 만들기 책 추천)

eBook

• https://github.com/EbookFoundation/free-programming-books ( free programming ebooks)

News

• https://news.hada.io/ ( GeekNews)
• https://maily.so/leadership100 ( 한 주간 관심있게 읽었던 코칭, 리더십, 조직문화 그리고 스타트업에 대해 다양한 관점을 공유합니다)
• https://hr.wanted.co.kr/ ( Explore trends, discover insights, Share and learn HR)
• https://yozm.wishket.com/magazine/ ( 요즘 사람들의 IT)
• https://techblogposts.com/ ( 기술블로그 글 모음)
• https://www.codenary.co.kr/techblog/list ( 코드너리)
• https://news.skhynix.co.kr/ ( 하이닉스 뉴스룸 - 반도체 관련 깊은 글들 좋음)

Statistics

• https://www.jetbrains.com/ko-kr/lp/devecosystem-2022/ ( 개발자 에코시스템 현황)

Tips

• https://www.philinlove.com/entry/punctuation-marks ( 특수기호 영어로)

Youtube(Lectures)

• https://www.youtube.com/@docceptor195 ( 정한울 교수님 - 전기회로, 회로설계, AI 강좌 등)
• https://www.youtube.com/@BenEater ( Ben Eater - Make computer using breadboard, 6502 computer making lecture, etc)
• https://www.youtube.com/@euntae471 ( 배은태 - 어셈블리 언어 강좌)
• https://www.youtube.com/watch?v=PS5n7HU1n3Q&list=PLm7kUQYfvIRP0l66keVy-DZ0vhTi7jOII ( 시대에듀 - 반도체 전공면접 강좌 재생목록)

Youtube(One Video)

• https://www.youtube.com/@LowLevelLearning ( Low Level Learning - Lots of videos on fundamental questions)
• https://www.youtube.com/@bRd3D ( bRd 3D - 기계 작동방식을 아주 공들인 영상들로 정리)

Official Tech Blogs

KOR

• https://d2.naver.com/home ( naver D2)
• https://techblog.woowahan.com/ ( 우아한형제들)
• https://tech.kakao.com/blog/ ( Kakao Tech)
• https://toss.tech/ ( toss tech)
• https://engineering.linecorp.com/ko/blog/ ( LINE Engineering)
• https://hyperconnect.github.io/ ( HYPERCONNECT 기술 블로그)
• https://dev.gmarket.com/ ( 지마켓 기술블로그)
• https://medium.com/coupang-engineering/kr/home ( 쿠팡 엔지니어링)
• https://tech.kakaopay.com/ ( pay tech)
• https://tech.devsisters.com/ ( DEVTECH)
• https://netmarble.engineering/ ( netmarble ENGINEERING)
• https://medium.com/naver-place-dev ( 네이버 플레이스는 어떻게 개발해?)
• https://medium.com/watcha ( WATCHA 팀 블로그)
• https://medium.com/musinsa-tech ( 무신사 기술블로그)
• https://medium.com/daangn ( 당근마켓 팀 블로그)
• https://medium.com/tving-team ( TVING Team Blog)
• https://blog.banksalad.com/tech/ ( banksalad 블로그)
• https://yanolja.github.io/ ( yanolja 기술블로그)
• https://techblog.yogiyo.co.kr/ ( 요기요 기술블로그)
• https://devblog.kakaostyle.com/ko/ ( 카카오스타일 기술 블로그)
• https://tech.kakaoenterprise.com/ ( kakaoenterprise Tech&)
• https://medium.com/wantedjobs ( Wanted Tech)
• https://techblog.gccompany.co.kr/ ( 여기어때 기술블로그)
• https://blog.est.ai/ ( EST TECH)
• https://tech.socarcorp.kr/ ( SOCAR Tech Blog)
• https://green-labs.github.io/ ( greenlabs tech)
• https://helloworld.kurly.com/ ( Kurly Tech Blog)
• https://medium.com/zigbang ( zigbang tech blog)
• https://ui.toast.com/posts/ko ( TOAST UI)
• https://tech.lezhin.com/ ( 레진 기술 블로그)
• https://engineering-skcc.github.io/ ( SK C&C TECH BLOG)
• https://snack.planetarium.dev/kor/ ( 플라네타리움 엔지니어링 스낵)
• https://ridicorp.com/story-category/tech-blog/ ( RIDI)
• https://spoqa.github.io/ ( spoqa 기술블로그)
• https://blog.hwahae.co.kr/category/all/tech ( 화해 블로그)
• https://medium.com/@dev29cm ( 29CM)
• https://blog.gangnamunni.com/blog/tech/ ( 강남언니 공식 블로그)
• https://blog.dramancompany.com/ ( Drama&Company)
• https://channel.io/ko/blog/tag/tech ( 채널톡)
• https://startlink.blog/ ( 스타트링크 블로그)
• https://tech.mfort.co.kr/ ( 맘시터 기술 블로그)

English

• https://github.blog/ ( Github Blog)
• https://developers.googleblog.com/ ( Google Developers)
• https://medium.com/airbnb-engineering ( The Airbnb Tech Blog)
• https://developer.apple.com/ ( Apple Developer)
• https://developer.amazon.com/en-US/blogs/alexa ( Amazon Alexa Blog)
• https://engineering.fb.com/ ( Engineering at Meta)
• https://netflixtechblog.com/ ( THE NETFLIX TECH BLOG)
• https://engineering.linkedin.com/blog ( Linkedin Engineering)
• https://techcommunity.microsoft.com/t5/custom/page/page-id/Blogs ( Microsoft Featured Blog)
• https://slack.engineering/ ( slack engineering)
• https://medium.com/zoom-developer-blog ( Zoom Developer Blog)
• https://medium.com/@Pinterest_Engineering ( Pinterest Engineering)
• https://blog.twitter.com/engineering/en_us ( Twitter Engineering)
• https://technology.riotgames.com/ ( RIOT GAMES TECHBLOG)
• https://medium.com/paypal-tech ( PayPal Technology Blog)
• https://www.figma.com/blog/ ( Figma Blog)
• https://medium.com/googleplaydev ( Google Play)
• https://dropbox.tech/ ( Dropbox.Tech)
• https://engineering.atspotify.com/ ( Spotify R&D Engineering)
• https://tech.ebayinc.com/ ( ebay Tech Blog)
• https://medium.com/platfarm ( mojitok)

Lectures

• https://www.inflearn.com/ ( 인프런)
• https://www.udemy.com/ ( udemy)
• http://www.kmooc.kr/ ( k-mooc)
• http://www.kocw.or.kr/home/index.do ( kocw 모두를 위한 열린 강좌)
• https://www.eduonix.com/ ( Eduonix)
• https://www.codecademy.com/ ( Codeacademy)
• https://www.codeavengers.com/ ( Code Avengers)
• https://nomadcoders.co/ (노마드코더)
• https://www.coursera.org/ ( Coursera)
• https://codewithmosh.com/ ( Code with Mosh)
• https://teamtreehouse.com/ ( Team treehouse - Interactive online coding classes for at-home learning)
• https://www.kaggle.com/ ( kaggle - Level up with the largest AI & ML community)
• https://edu.goorm.io/ ( goorumedu)
• https://opentutorials.org/ ( 생활코딩)
• https://www.udacity.com/ ( udacity - Be in demand)
• https://ocw.mit.edu/ ( MIT open course)
• https://docceptor.net/ ( 정한울 교수님 수업 및 수업자료 모음)
• https://www.newlecture.com/ ( 뉴렉처)
• https://courses.davidbombal.com/ ( David Bombal; Network)
• https://www.edx.org/ ( edX)

Fun

Apps

• https://www.waveon.io/apps/544 ( 나와 닮은 프로그래밍 언어는?)
• https://codingspeedtest.com/ ( coding speed test)
• https://www.thinkful.com/blog/tech-career-quiz/#test ( Which Tech Career Fits You Best?)

Videos

• https://www.youtube.com/watch?v=ZGSJsaA3ma4 ( 전설의 프로그래머 형님들의 '찐' 개발 훈수)
• https://www.youtube.com/watch?v=FVRXlaC1oZg ( 개발을 시작한 당신에게 해주고 싶은 이야기)
• https://www.youtube.com/watch?v=3hxT4cSm03s ( 주니어 개발자가 빠르게 성장할 수 있는 비법은?)
• https://www.youtube.com/watch?v=Qc-D9oPKQt4 ( 아이디어가 있다구? 창의력을 위한 조언 한마디)

Jobs / Works

Search

• https://www.phind.com/ ( search engine for programmer)

Work Together

• https://www.beginmate.com/ ( 협업할 사람 구합니다)
• https://discordbot.tistory.com/51 ( 디코에서 코드 공유하기)
• https://eatdrinkenjoy.tistory.com/678 ( 노션 특정 페이지만 공유하기)

Jobs

Company

• https://thevc.kr/ ( 더브이씨 (THE VC) - 한국 스타트업 투자 데이터베이스)
• https://www.nextunicorn.kr/ ( 넥스트유니콘 | 스타트업 전문투자자 연결 플랫폼)

Info

• https://korecruit.kr/ ( 매일 업데이트 되는 IT 채용 일정(korecruIT))
• https://careerly.co.kr/landing ( IT 업계 직장인 커뮤니티, 커리어리)
• https://www.jumpit.co.kr/ ( 점핏)
• https://kr.linkedin.com/ ( 링크드인)
• https://kr.indeed.com/ ( 인디드)
• https://www.rocketpunch.com/ ( 로켓펀치)
• https://disquiet.io/ ( 디스콰이엇)
• https://www.jobkorea.co.kr/ ( 잡코리아)

Interview

• https://www.wanted.co.kr/ai-interview ( 채용공고 링크를 넣으면 예상질문이 나온다)
• https://github.com/gyoogle/tech-interview-for-developer ( 신입개발자 전공 지식 & 기술 면접 백과사전)
• https://github.com/JaeYeopHan/Interview_Question_for_Beginner ( 신입개발자 면접질문)
• https://github.com/ksundong/backend-interview-question ( 백엔드 개발자 면접질문)