[개발 유용 사이트] 개발자가 알고나면 꿀팁인 사이트

1. jQuery API : jQuery 함수 참고 및 최신 버전 다운로드 등.

2. KoXo 자바스크립트 매뉴얼 

3. HTML Tutorial : html 태그 설명 및 샘플.

4. css reference: css 참고

5. css layout generator: css 적용 테스트 페이지.

6. tinymce 웹에디터: 무료 웹에디터 component.

7. 웹 UI 컨포넌트: 유료 웹 UI component

 

각종 유용도구

 

https://wepplication.github.io/tools/ 온라인도구

온라인 도구 모음

https://www.convertstring.com/ko/ 각종도구(암호, 복호, 핑테스트, 인코딩/디코딩 등등)

문자열 변환 - 온라인 문자열 변환 도구를

 

http://overapi.com/ 각종 언어 API

OverAPI.com | Collecting all the cheat sheets

 

커뮤니티

 

https://okky.kr/ 커뮤니티

OKKY - All That Developer

https://phpschool.com/  커뮤니티

WWW.PHPSCHOOL.COM

http://www.devpia.com/ 커뮤니티

데브피아 :: 개발자 천국을 꿈꾸는 국내 최대의 SW 포탈

https://www.androidpub.com/ 안드로이드 커뮤니티

안드로이드 펍 : 안드로이드 폰 사용자와 개발자 모임

그외 참고

 

https://html5test.com/index.html HTML5 기능확인

 

https://github.community/ 깃허브 오픈소스 플렛폼

 

https://codepen.io/ HTML, CSS, JS 바로 코딩해서 볼 수 있는 사이트

 

웹 사이트 개발을 위한 기본언어 공부하기 좋은 사이트들

1. w3school.com : w3schools.com

HTML, CSS, Java script, PHP를 기본으로 공부해야 하는데 유명한 웹사이트 중 하나입니다. 지금은 약간 달라진 코드들이 있긴 하지만 웹 사이트 개발을 위한 기본 코드를 공부하는데 상당히 도움이 되는 사이트입니다.

 

2. CSS - 

 

https://css-tricks.com/

CSS 코드를 쉽게 찾아 응용할 수 있는 유명한 웹사이트 중 하나입니다. 필요한 코드가 무엇인지 입력하면 바로 찾아줍니다. 코드도 세련되었고 깔끔하게 필요한 코드를 찾아줍니다.

3. MDN - 

 

https://developer.mozilla.org/en-US/

자바스크립트를 공부할 때 필요한 사이트입니다. 잊어버리기 쉬운 코드들을 검색하면 해당 코드와 함께 사용되는 예제를 보여줍니다. 요즘은 다이내믹한 웹사이트를 모바일과 데스크톱에서 모두 안정적으로 돌려야 하므로 CSS 코드와 함께 잘 사용해야 합니다.

4. Wordpress 강좌 사이트 - 

 

https://wordpress.com/learn/

WordPress Tutorials for Beginners

요즘은 웹사이트 개발을 위해 워드프레스를 필수로 알아야합니다. 많은 회사에서 워드프레스를 사용하고 있기 때문입니다. square space 같은 사이트도 많이 이용하고 있는데 그 중 워드프레스를 사용하는 비율이 더 많은 것 같습니다. 워드 프레스 메인 홈페이지나 Linked In 의 강좌 페이지를 찾아보면 좋은 강좌들이 많습니다. 영어도 공부할 겸 따라 해보는것 도 좋은것 같습니다. 

https://www.linkedin.com/learning/topics/content-management-systems?u=2097252

 

웹디자인을 만들기 위해 필요한 프로그램들

포토샵, 일러스트레이터, Sketch, XD 프로그램을 알아두면 좋습니다. adobe.com 사이트에 들어가면 프로그램에 대한 기본 튜토리얼들을 보실 수 있습니다. 자세한 공부는 좀 더 디테일한 내용을 찾아서 공부해야 하지만 기본 공부는 어도비사에서 제공하는 기본 프로그램 튜토리얼 만으로도 충분한 것 같습니다.

개발자 커뮤니티 사이트 총정리

1. 스택오버플로우 (https://stackoverflow.com/)

스택오버플로우는 2008년경에 만들어진 해외 프로그래머 커뮤니티 사이트입니다. 구글링을 하면 상당히 많은 글들이 스택오버플로우의 Q&A로 연결해주고는 하는데요. 그만큼 전세계 프로그래밍 커뮤니티 사이트중에서 가장 많이 활성화 되어있는곳입니다. 하지만 전세계 프로그래머들이 다 모이다보니 영어능력은 필수적으로 갖추고 있어야합니다. 하지만 영어라는 진입장벽으로 인해 해당 커뮤니티를 이용하는 개발자들의 평균수준은 높다는 것은 큰 장점입니다.  스택오버플로우에는 명성도 시스템이라는 것이 존재합니다. 질문을 주고받다보면 명성도가 차츰쌓이는 시스템입니다. 이 시스템도 전체적인 개발자 수준을 높이는데 한 역할을 하는것 같습니다. 명성도 높으신 개발자분들 개인적으로 대단하다고 생각됩니다. 스택오버플로우를 활용하는 개발자수준도 전체적으로 높아 만만한 질문도 많이 없는데 대답해주는것을 보다보면 감탄이 절로 나올때가 많습니다.

 

 

2. OKKY (https://okky.kr)

스택오버플로우가 전세계에서 가장 활성화 된 커뮤니티라고 한다면 국내에서 가장 활성화된 커뮤니티는 OKKY라는 곳입니다. 일단 영어라는 진입장벽이 없어 대학생 ~ 사회초년생분들의 고민거리가 커뮤니티에 많이 올라옵니다. 실력있는 개발자 ~ 주니어 개발자까지 다양한 스펙트럼의 개발자들이 활동하고 있습니다. 가끔 스터디모집글도 올라오니 스터디가 목적이신분은 눈여겨보시면 좋을듯 합니다.

 

 

3. 우분투 한국 커뮤니티(https://www.ubuntu-kr.org/#)

리눅스에 관련된 정보가 필요하시다면 위에 링크된 커뮤니티를 활용해보시는것도 좋습니다. 우분투 한국 커뮤니티에는 리눅스의 한 종류인 우분투의 사용법이 꼼꼼히 기록되어있어 만약 우분투를 사용하고 계시다면 알고계시면 굉장히 도움이 많이 될 사이트입니다.

 

 

4. 깃허브 커뮤니티(https://github.community/)

세계 최대 오픈소스 플랫폼인 깃허브에서 2017년 11월에 출시한 커뮤니티입니다. 해외사이트이기에 스택오버플로우와 마찬가지로 영어능력이 필수적입니다. 깃허브 커뮤니티에 질문을 남기면 깃허브직원이 답변을 달아주기도하니까 깃허브에 대해 궁금한것이 있으시다면 여기에 질문을 올리시는것이 가장 좋을듯합니다.

 

 

이상으로 개발자 커뮤니티 소개를 마치도록 하겠습니다. 위에서 소개드린 커뮤니티 외에 다른 커뮤니티들도 많지만 가장 많은 개발자들이 활동하고 있고 활성화가 잘 되어있는 커뮤니티들은 위의 4가지(특히 1번,2번)라고 보시면 됩니다. 많은 사이트를 알 필요는 없을것 같습니다. 위 사이트에서 많은 정보 얻으시길 바랍니다.

 

1. 백준 알고리즘

가장 유명한 알고리즘 사이트입니다. 어마어마하게 많은 문제가 있어요. 쉬운문제는 정말 해도해도 너무할정도로 쉽고 어려운문제는 해도해도 너무 할 정도로 어려운 문제들..... 문제별로 난이도 차이가 많이납니다. 순서대로 풀면은 너무 어려울 수 있으니까 풀다가 열(?)받으시면 쉬운문제로 멘탈정화도 하시고 하세요 ㅎㅎㅎ

 

2. 프로그래머스

제가 가장 먼저 도전한 알고리즘 사이트입니다. 단계별로 알고리즘 난이도가 잘 나누어져 있어 초보자들에게 굉장히 도움이 많이 되는 사이트에요. 단계별로 모든문제를 클리어하는 맛이 있죠 ㅎㅎㅎ 만약 코딩을 처음배우시는 초보자 단계시라면 다른 홈페이지 보다는 프로그래머스라는 홈페이지를 추천합니다. 하지만 문제수는 다른 홈페이지 보다는 좀 적긴하지만 문제들이 전부 좀 알차게 설정되어있습니다.

 

3. 알고스팟

알고리즘 뿐만 아니라 각종 프로그래밍 정보들이 많은 사이트입니다. 저는 도전 해보지는 않았지만 아주 유명한 사이트입니다. 백준만 클리어하면 다음으로 풀어볼 알고리즘 사이트인데 이번생에는 백준을 클리어하긴 글른거같네요 ㅎㅎㅎㅎ

 

4. 한국정보올림피아드

한국정보올림피아드에서 나온 문제들이 있는 사이트입니다. 해당 대회를 준비하는 분들은 관심있게 보실만한 사이트입니다.

 

5. 코드파이트

다음은 해외사이트를 준비해봤습니다. 영어를 모르신다면 조용히 다른 홈페이지를....... 해당사이트는 알고리즘 문제를 얼마나 빨리푸느냐를 기준으로 다른사람들과 경쟁할 수 있는 사이트입니다. 그냥 따분하게 문제푸는것보다는 훨씬 재미있어요 꼭 한번 해보세요!

 

1. 생활코딩

프로그래머를 꿈꾸는 사람들에 있어서는 아주 대표적인 코딩교육 사이트입니다.  마치 고등학생의 EBS사이트라 할까요..??? 네이버에 코딩교육사이트라고 쳐보면 가장 1순위로 검색되는 유명한 사이트이며 질좋은 강의들을 무료로 들을 수 있습니다. 초보자들에게는 가장 추천할만한 사이트라고 할 수 있겠습니다.

 

2. Code.org

2013년 1월에 만들어진 비영리 단체로 이 캠패인을 애플과 마이크로소프트가 후원하며 전세계 학생들 500만명 이상의 학생들이 교육에 참가했습니다. 오바마 대통령이 영상 인사말을 통해 캠패인 참여를 격려할 정도입니다. 빌게이츠과 마크 저커버그는 온라인 강좌를 통해 프로그래밍을 강의합니다. 미국의 대표적인 코딩사이트 입니다. 하지만 아직 한글번역이 완벽하지는 않은거 같더라구요 영어를 잘 못하는 학생들이라면 조금 당황할수도 있을것 같습니다.

3. 인프런

이 사이트는 누구나 자신이 알고있는 교육 컨텐츠를 만들어 올리고 누구나 그 교육을 들을 수 있게끔 해놓은 코딩교육 플랫폼과 같은 사이트입니다. 단기간에 급 성장 하고 있는 플랫폼 사이트인만큼 경쟁력을 갖추고 있는것만은 틀림없습니다.

 

4. Seoul Wiz님의 YouTube

4번째 페이지는 사이트는 아니고 유튜브에서 강의를 올리시고 계신 Seoul Wiz님의 유튜브 채널입니다. 제가 프로그래머가 되기까지 가장 큰 영향을 준 영상들입니다. 제가 코딩에 대한 감이 안잡혀 헤메고 있을때 저에게 기초를 다시 가르쳐주신 고마운 분이기에 소개하게 되었습니다. 개인적으로 존경하시는 분입니다.

 

5. 소프트웨어야 놀자

요새 코딩교육이 의무화되면서 그 중요성이 더해지고 있는 추세에따라 아이들도 코딩선행학습을 많이 하는편입니다. 이에 아이들이 들을만한 레벨의 사이트를 소개합니다.교육부, 과학기술정보통신부, 네이버 등이 참여해 만든 코딩교육 사이트라고하네요

이상으로 코딩/프로그래밍 사이트에대한 소개를 마치겠습니다. 다들 열심히 공부하셔서 좋은 성과 있으시길 바라겠습니다.

 

 

개발자나 코딩을 배우는 학생들이라면 알고리즘 연습이나 간단한 코드를 짜고 실행해보고 싶을 때가 종종 있으실겁니다. 이럴때 간단한 코드 한줄을 실행해보기 위해 무거운 프로그램들을 깔기는 시간도 많이 걸리고 환경을 세팅하기도 귀찮습니다. 이럴때 웹 컴파일러를 사용하면 간단하게 코드를 짜고 실행할 수 있습니다.

 

Tutorialspoint(https://www.tutorialspoint.com/)

 

 

알고리즘 연습, 프로그래밍 학습을위한 6 가지 멋진 웹 사이트

알고리즘에 대한 지식 없이는 Google이나 Facebook에서 인터뷰를 통과 할 수 없습니다. 그렇다면 지금 배우는 것은 어떨까요?

이치 ​​시키 사토시

따르다

2020 년 6 월 2 일 · 4 분 읽기

 

 

 

 

저는 15 년 이상의 경력을 가진 프로그래머입니다. 고등학교 첫 해에 저는 알고리즘을 많이 배우고 작업했습니다. 졸업 할 때까지 저는 항상 공부했고 그것에 대한 열정이있었습니다. 졸업 후 유학을 시작하고 연구 경로를 따랐습니다.

하지만 3 년 동안 일한 후에는 연구보다는 제품 / 소프트웨어를 선호합니다. 나는 알고리즘 대신 기술 / 엔지니어링으로 눈을 돌렸다. 그러나 저는 개인적으로 알고리즘을 이해하는 것이 여전히 개발자에게 매우 중요하다고 생각합니다. 그리고 나는 당신이 그들에 대해 아무것도 몰라도 구글이나 페이스 북에서 인터뷰를 통과 할 수 없다고 생각합니다!

사진 파비안 Grohs 에 Unsplash

코딩 인터뷰 질문 | Skilled.dev

다음 작업을 시작하는 데 필요한 모든 것과 기술을 가르치는 완전한 플랫폼입니다.

숙련 된 .dev

 

1. HackerRank

이 사이트는 프로그래밍 세계에서 주니어부터 시니어까지, 개발자부터 채용 관리자까지 매우 유명합니다.

hackkerrank.com

Hackerrank 에는 낮은 것부터 높은 것까지 난이도가 높은 많은 알고리즘과 모든 종류의 알고리즘 및 데이터 구조 (SQL 포함)가 있습니다. 코드를 작성하고 직접 실행하여 결과를 보거나 토론을 확인하여 사람들이 어떻게 해결하는지 확인합니다.

인터뷰 과정에서 테스트를하기 위해 여기에 올 수있는 회사도 몇 군데있었습니다 (알고리즘 + 객관식 + 에세이). 따라서 여기에 와서 더 많은 운동을하고 익숙해 질 수 있습니다.

2. 톱 코드

https://www.topcoder.com/challenges/

TopCoder 는 서로 직접 경쟁 할 수있는 프로그래머를위한 최초의 온라인 "아레나"중 하나입니다. 코드 편집기를 사용하여 온라인으로 수행 할 수있는 알고리즘 문제 목록을 제공합니다. 단일 라운드 경기는 특정 시간에 한 달에 여러 번 개최되며, 코더는 가장 높은 점수로 가장 빠르게 문제를 해결하기 위해 서로 경쟁합니다.

TopCoder에서 높은 순위를 차지하는 사용자는 매우 훌륭한 프로그래머이며 정기적으로 많은 프로그래밍 대회에 참여합니다. 최고 순위의 사람들은 "PETR MITRICHEV의 ALGORITHMS WEEKLY"라는 자신의 블로그를 소유하게되며, 여기에서 코드 경쟁, 알고리즘, 수학 등에 대해 글을 쓸 수 있습니다.

3. 괴짜

알고리즘을 수행하는 데 문제가있는 경우 Google에서 솔루션을 찾은 후이 페이지를 몇 번 보게 될 것입니다.

https://practice.geeksforgeeks.org/

이 geekforgeeks 페이지는 약간 ... 못 생겼습니다. 연습 문제가 잘 분류되어 있지 않습니다. 그러나 일반적인 알고리즘 연습에 대한 많은 솔루션이 있습니다. 각 솔루션에는 각 방법의 복잡성 / 메모리와 함께 다양한 방법이 포함됩니다. 읽는 것은 매우 흥미롭고 도움이됩니다.

따라서 때로는 인기있는 알고리즘 홈 페이지 / 솔루션 예제를 볼 수 있습니다!

4. Leetcode

알고리즘 훈련을위한 또 다른 유명한 웹 사이트 : Leetcode . 이것에 대한 문제의 수는 해커 랭크보다 열등하지 않으며, 세 가지 주요 난이도는 쉬움 / 중간 / 어려움 (일부 쉬운 문제는 매우 어렵습니다)입니다.

https://leetcode.com/

알고리즘 인터뷰에 갔을 때 시작하기 쉬운 질문, 능력을 평가하기위한 Medium, Facebook / Google 인터뷰를위한 Hard 질문을 자주 받았습니다.

이 페이지는 또한 성능 / 런타임 코드를 측정하므로 다른 페이지와 비교하여 코드가 빠르게 실행되는지, 느리게 실행되는지, 최적화 할 수 있는지 여부를 확인하는 멋진 페이지가 있습니다.

일일 코딩 문제

이 페이지 는 유투버로 일하기 위해 직장을 그만 둔 Google 직원 CS 도장의 유튜브 채널을 보면서 소개되었습니다.

https://www.dailycodingproblem.com/

나머지 페이지와 달리이 사이트에는 할당 목록이 없습니다. 대신 이메일을 입력하면 매일 1 개의 알고리즘을 보내드립니다.

이들은 또한 Amazon / Google과 같은 회사에서 후보자를 인터뷰하는 데 사용하는 Easy / Medium입니다. 프리미엄 패키지를 구매하면 솔루션이 제공됩니다.

Exercism.io

다른 페이지가 알고리즘을 연습하는 경우 Exercism은 프로그래밍을 배우기에 아주 좋은 곳입니다.

https://exercism.io/

Exercism 에 대한 많은 연습 이 있지만 이러한 연습은 알고리즘에 너무 무겁지 않고 프로그래밍 언어를 사용하는 데 무겁습니다.

• if / else, 루프를 사용하십시오.
• 날짜 처리, 문자열 처리
• 방법 분리, 클래스 구성
• 오류를 처리하고 비동기 코드를 작성하는 방법

Golang과 Elixir에 대해 자세히 알아보기 위해이 웹 사이트를 사용했습니다.

한동안 프로그래밍을하고 새로운 언어를 배우고 싶다면 새로운 사고 방식을 배우고 싶다면 Exercism으로 가십시오!