유용한 코딩 관련 사이트

정희운·2023년 5월 25일
0

Help

목록 보기
1/4

HTML

Markup Validation Service

HTML은 오류를 알려주지 않음! 오류 검사 사이트

CSS

https://flukeout.github.io/

https://css-speedrun.netlify.app/

css 선택자

https://developer.mozilla.org/ko/docs/Learn/CSS/CSS_layout/Flexbox

https://flexngrid.com/

Flex 사용 관련 도움

https://cssgradient.io/

그래디언트 배경 만들기

https://getcssscan.com/css-box-shadow-examples

그림자 효과 추가하기

https://codepen.io/yuhomyan/pen/OJMejWJ

코드펜 - 버튼 모음

Java_Script

https://developer.mozilla.org/ko/docs/Learn/Getting_started_with_the_web

mozilla

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/String

mozilla javascript_string

Python

https://www.acmicpc.net/

백준 문제

https://variety82p.tistory.com/entry/백준을-풀면-자동으로-내-깃허브에-커밋을-BaekjoonHub

백준 문제 Github에 자동 커밋하기

https://pythontutor.com/

파이썬 소스코드 실행순서 보기

https://wikidocs.net/54

**왕초보를 위한 Python: 쉽게 풀어 쓴 기초 문법과 실습**

https://wikidocs.net/book/1

점프 투 파이썬

자연어

https://zvon.org/

ETC..

https://school.programmers.co.kr/learn

프로그래머스

https://caniuse.com/

프로그램에서 사용해도 호환이 되는지 보는 사이트

https://www.tablesgenerator.com/markdown_tables

콜랩(Colab) 테이블 만들기

https://pythontutor.com/

**Python, JavaScript, C, C++, and Java** 소스코드 실행순서 보기

  1. GitHub (https://github.com): 개발자들이 코드를 공유하고 협업하는 가장 대표적인 플랫폼입니다. 오픈 소스 프로젝트에 기여하거나 다른 개발자들과의 네트워킹에 활용할 수 있습니다.
  2. Stack Overflow (https://stackoverflow.com): 프로그래밍 및 개발 관련 질문과 답변을 공유하는 Q&A 커뮤니티입니다. 다른 개발자들에게 도움을 구하고 자신의 지식을 공유할 수 있습니다.
  3. Reddit (https://www.reddit.com/r/programming/): 프로그래밍과 개발에 관련된 다양한 주제를 다루는 커뮤니티입니다. 관심 있는 서브레딧에 가입하여 다른 사용자들과 토론하고 정보를 공유할 수 있습니다.
  4. Dev.to (https://dev.to): 개발자들이 기술적인 글을 작성하고 공유하는 커뮤니티 플랫폼입니다. 다른 개발자들과의 소통을 통해 지식을 공유하고 새로운 아이디어를 얻을 수 있습니다.
  5. Meetup (https://www.meetup.com): 지역 기반의 모임 플랫폼으로, 다양한 주제와 관련된 개발자 모임을 찾을 수 있습니다. 해당 분야의 전문가들과 직접 만나고 교류할 수 있습니다.
  6. Discord (https://discord.com): 다양한 개발자 커뮤니티 서버가 운영되고 있는 플랫폼입니다. 특정 주제나 프로그래밍 언어에 관련된 서버에 참여하여 다른 개발자들과 의견을 공유하고 교류할 수 있습니다.

https://dashboard.hackle.io/home

핵클

https://www.hancom.com/hanfriends/friendsTyping.do#none
한컴 타자

다운로드

https://www.python.org/downloads/

Python 설치

https://www.djangoproject.com/download/

Django_설치

https://www.apachefriends.org/download.html

xampp_설치

https://atom.softonic.kr/download

아톰

https://code.visualstudio.com/download

vscode 설치

  • vscode 필수 확장프로그램
    1. **Bracket Pair Colorizer**
    2. **JavaScript(ES6) Code Snippets**
    3. **Live Server**
    4. **Browser Preview**
    5. **Prettier**
    6. **Auto Close Tag 과 Auto Rename Tag**
    7. **Code Spell Checker**
    8. (설치) live server (추천) : 서버 구동
    • korean : 한국어 패키지

    • code runner

    • prettier (추천) : 자동 정렬

    • Material Icon (추천) : 아이콘 꾸미기

    • Material Theme : 테마 꾸미기

    • (설치) rainbow csv (추천) : CSV 잘 보이도록

    • Visual Studio IntelliCode : 자동완성

    • bracket pair colorizer : 괄호 다르게

    • (설치) auto rename tag (추천) : 태그 닫기 자동 수정

    • css peek : css 확인

    • css navigation : html에서 연결된 css 바로 확인

    • font awesome auto-complete : 폰트 어섬 아이콘을 실시간으로 미리 보여줌

    • html css support : css에서 자동 확인해서 자동완성

    • (Python) pylance, formatter autopep8, flake8

    • (설치) indent-rainbow (추천) : 들여쓰기마다 색 다르게

    • (설치) htmltagwrap (추천) : 추천합니다. text를 wraping해줍니다. 원하는 택스트 선택하고 Alt + W 누르면 기본 p 태그로 감싸여집니다.

    • auto close tag : 자동으로 태그를 닫습니다.

    • auto import

    • Trailing Spaces

    • color highlight

    • eslint (추천, 기본 설치가 되어 있는 것 같습니다.)

    • power-mode

    • print(추천) : 코드를 프린터로 출력해서 보실 수 있습니다.

    • (설치) Gitmoji : git 이모지를 사용할 수 있게 해줍니다.

      설치 후 하단에서 단축키 확인 가능합니다.

https://www.oracle.com/kr/java/technologies/downloads/#jdk20-windows

JAVA_jdk

https://nodejs.org/en

Node.js - lts

https://poiemaweb.com/js-hello-world

node.js npm 설치 및 업데이트 순서

https://www.eclipse.org/downloads/

이클립스

Git - Downloading Package

깃 설치

https://stackoverflow.com/

변수명 짓기
https://www.curioustore.com/#!/

0개의 댓글