웹표준공부

페이지 정보

profile_image
작성자편의점알바 조회 191회 작성일 2022-01-15 07:26:30 댓글 0

본문

코딩 배워서 앱, 웹 만들고 싶으신가요? 코딩 공부 순서 정리해드립니다.

저의 경험을 바탕으로 제작된 영상입니다.

저는 웹, 앱 서비스를 만들고 싶어서 프로그래밍을 시작하였습니다.
처음 배울때 C언어가 가장 기본이라하여 C언어부터 공부를 시작하였습니다. 그런데 너무 어려워서 저는 코딩에 재능이 없다고 생각했고 프로그래밍 공부를 접을까 생각도 하였습니다.
그러나 막상 웹을 배우고나서는 만들고 싶었던 웹, 앱 서비스를 만드는데 C언어의 어려운 개념은 사용되지 않았고 훨씬 쉽고 재미있게 만들 수 있었습니다. 그래서 공부를 처음부터 웹을 중심으로 한다면 더욱 흥미롭게 시작할 수 있지 않을까 싶어 이러한 영상을 제작하게 되었습니다.

영상에 나온 코딩 공부 방법대로 배우고 싶으시다면 아래 재생목록을 참고해주세요!
https://youtube.com/playlist?list=PLU9-uwewPMe0ynomccdrAX2CtVbahN4hD

발전을 위한 다양한 피드백 부탁드리며 시청해주셔서 감사합니다!
여이준 : 혹시 책 추천좀 부탁드려도 되나요?
꼬부기 : 1. 웹(인터넷 익스플로어, 크롬, 사파리 등 인터넷 브라우저를 통해 접속할 수 있는 모든 사이트)을 제일 먼저 배우는 것이 좋음
-인터넥을 사용해보았다면 누구나 익숙함
-난이도가 상대적으로 낮음
-개발에 필요한 도구가 많음
-다양한 기기에서 동작함

2. 개발은 크게 두가지로 나뉨(Front-end/back-end)
Front-end(Client Side)----->우리가 정보를 받고 실제로 눈으로 보는 부분
↪Front-end만 할 줄 알아도 API(미리 만들어 놓은 가져다 쓸 수 있는 기능)를 잘 쓰면 쓸만한 서비스 만들수 있다
Fromt-end를 먼저 핫습하는 것을 추천
-개발하기 위한 사전지식이 (상대적으로) 적다.
-코딩한대로 화면에 바로바로 나온다.
Back-end(Server Side)----->화면애 보여줄 정보를 저장, 처리, 가공하는 부분
↪Back-end부터는 프로그래밍 언어가 어느정도 쓰인다(초기부터 깊게 배울 필요는❌)

3. Front-end 배우기
▶️크게 3가지 언어 필요(유기적으로 연결)
HTML(연필)----->어떻게 그릴지 전체적인 밑그림을 그리는 역할(제목은 뭐로할지 로그인창은 어디에 둘지...)➡️웹의 뼈대
CSS(물감)----->HTML로 그린 뼈대에 색을 칠하고 위치를 수정해가며 화려하게 하는 역할
Javascript(플립북)----->앞서 그린 그림을 움직이게 만드는 역할(프로그래밍 언어라서 배울것이 많다➡️웹의 요소를 선택하고 제어할 수 있을 정도로만 배우기)

4. Back-end 배우기
▶️Javascript--Spring(프레임워크), Ruby-->Rails(프레임워크), Python-->Django(프레임워크) 등 쉬운 언어를 이용해 기본적인 개념인 변수, 조건문, 반복문, 함수 학습 추천----->필요한 것이 있다면 따로 찾아서 공부하는 것이 효율적
변수: ~는 ~다의 개념 ex) ID='jocoding'
조건문: 만약 ~라면 ex) ID/PW가 일치하면 로그인 성공표시
반복문: ~를 n번 반복해라 ex) 앞으로 이동 10번 반복
함수: a를 넣으면 b가 나옴 ex) 공격력이 5이면 데미지가 50
웹 프레임워크(개발에 필요한 것들 미리 만들어 놓은 도구)
❤조코딩님이 개인적으로 추천하는 프레임워크⏭Ruby On Rails❤
Jong Jin Kim : 영상 잘 봤습니다. 현직 시니어 개발자로서 몇가지만 조언드리고 싶네요. HTML, CSS는 그럴 수 있다고 해도 초보자가 다음단계인 JAVASCRIPT를 만나면 더 당황하게 되고 포기할 수 있습니다. 왜냐면 JAVASCRIPT는 초기는 다른 언어와 같이 논리적으로 출발했으나 너무나 많은 라이브러리에 의해서 점점 직관성이 강해져 예외적으로 생각해야 할 부분이 많기 때문이죠. 또한 JQUERY, PROTOTYPE등의 인터프리터 파생 라이브러리 나 JSTL등과 같은 컴파일 파생 그리고 프론트 확장 라이브러리인 VIEW.JS, NODE.JS등나 프로그램언어를 이미 알고 있는 사람이라도 이러한 라이브러리의 구조적 특수성을 이해하기란 쉽지 않습니다. 단편적인 예로 google이나 naver 각종 사이트들의 소스보기를 하면 각기 전부 다 다른 프론트 언어로 개발되어 있어서 더욱 이해하기 어렵습니다. 또한 인터프리터이기 때문에 정확하게 에러가 나는부분을 집어주지 않을때가 대부분입니다. 스크립트가 동작을 하지 않는다고 어디가 잘못된건지 과연 초보자가 찾을 수 있을까요? 제대로 어디가 문제라고 알려주질 않는데 말이죠. 그래서 프로그램을 배우는 사람은 가장 논리적인 컴파일 언어부터 시작해야 합니다. 그래야 스크립트도 특수성을 이해하면서 예외상황으로 문법을 습득 할 수 있거든요. 웹이 오히려 가장 접근성이나 개발난이도가 높은 영역입니다. 너무나 많은 언어 영역을 알아야 하기 때문이죠. 특히나 자신이 하고자 하는 모든 비지니스는 데이터베이스부터 이해해야 하고 미들웨어인 컨트롤러 그리고 프론트인 스크립트까지 기본적으로 3가지 언어를 익혀야 자신이 원하고자하는 기능을 구현할 수 있습니다. 게다가 실체적 테스트를 위한 DB서버, 어플리케이션서버까지 준비하고 어려운 개발환경을 만드는것을 생각하면 오히려 간단한 개발 에디터 하나만으로도 시작할 수 있는 C#이나 JAVA, PYTHON등의 컴파일 언어 한가지만으로도 정확한 디버깅과 사용자 인터페이스를 제공해 주기때문에 완성된 프로그램을 만들기가 쉽습니다.
그래서 더 논리적이고 재미를 느낄 수 있는 간략한 게임개발부터 해보거나 제공되는 인터페이스들로 앱프로그램을 만들어 보는게 훨씬 더 도중에 포기하지 않고 구차적인 예외상황이나 문법을 이해할 필요 없이 끝까지 만들어 볼 수 있다고 생각되네요.
Y : 저도 개발쪽이 배우고싶었는데 다들 씨언어가 기초니 어쩌니 해서 같은 고민을 했었네요ㅜㅜ... 유사한 루트를 겪으신 현업자분께서 직접 그것도 너무 깔끔하고 이해가 쉽게 쏙쏙 얘기해주셔서 너무 속이 시원하네요!!!!! 정말 감사합니다 HTML 이랑 CSS부터 공부해봐야겠네요 ㅎㅎㅎㅎㅎ 구독했어요!
seongwon lee : 개발에 처음 진입하시는 분들은 확실이 눈에
보이고, 흥미를 잃지 않는게 중요한게 맞습니다 :)
다만 차후 개발분야로 나아가기 원한다면 자신만의 대표 언어, 운영체제, 네트워크, 자료구조, 데이터베이스기본 지식은 알고 있어야 한다고 생각합니다.
배우면 배울수록 기초지식이 정말 중요하게 적용되고 나중에 발목잡습니다..
개발분야도 엄청 많은데.. 새로운 기술도 매일 나오니 정신이 없는데 기본지식이 있으면 개념이 흔들리지는 않더군요 ㅎㅎ
개발자이자 구독자로서 특히 전공에 입문하신지 얼마 안된 분들은 더더욱 기초개념 어렵다고 그냥 넘어가는 일이 없었으면 하는 바람에 댓글 달아봅니다 :)

ETC 26 [ Web Accessibility ] 웹표준 & 웹접근성 준수하기, 한국형 웹 콘텐츠 접근성 지침 24 항목

- 장애여부에 상관없이 접근할 수 있는 웹사이트 만들기

웹접근성 PDF 보기
https://drive.google.com/file/d/1e3DQyr6uK19cDRpZs10Rxl9FbEewTt7G/view?usp=sharing

#웹퍼블리셔 #웹디자인 #웹접근성 #웹표준

구독하기(subscribe now) : https://bit.ly/30wbC1y
후원하기: https://toon.at/donate/ezwebpub

오프라인 수업 문의: ezwebpub@gmail.com
주말반 수강신청: https://alikerock.tistory.com/notice/165
John Stankey : 자세하고 친절하신 설명 감사합니다.
pan-gon kim : 웹접근성에대해 자세한 설명 고맙습니다^^
Gomi : 쌤 강의 들으러 다시 학원가구싶어욤
DY TOURS : 친절한 강의 감사합니다... 사운드 볼륨이 개선됐음 합니다..
king god : 일단 추천 밖고 재생 누르세요~

NFT, 이더리움, 가상화폐 오늘이 기회! 웹3.0 뜻 개념정리도 제대로 준비- 김미경의 레벨업 '정지훈 교수'

‍♀️빠르게 변하는 세상, 여러분의 레벨업을 위해
새로운 코너가 만들어졌습니다~

✔올 한 해 우리 함께 차근차근 새로운 세상을 배워서 레벨업해요!↗

암호화폐, 가상자산, 이더리움, NFT, 웹 3.0 이 개념들에 대한 자세한 설명과
메타버스와 이더리움, NFT가 한 번에 어우러진 세계와 앞으로의 흐름을
이해하기 쉽게 정리해드립니다!

새로운 세계에 뒤처지지 않기 위한 좋은 방법
2022년도 MKTV 레벨업과 함께 차근차근 성장해가요~!

NFT, 이더리움, 가상화폐 오늘이 기회! 웹3.0 뜻 개념정리도 제대로 준비- 김미경의 레벨업 '정지훈 교수'
#이더리움 #NFT #가상화폐

나만의 꿈을 이루고 싶다면? MKYU 열정대학생되기
http://mkyu.co.kr/

‍ 미경 언니의 Real 일상생활 엿보기. 김미경의 인스타그램
https://bit.ly/2KhMghw
높이오룰hyun : 대충 알고 있던 것들을 큰 그림으로 쉽게 잘 정리해주셔서 너무 감사합니다. ^^ 몇번 반복해서 듣겠습니다.
아침1도 - 평범한 사람이 부자되기 : 진짜 이거준비 해야하는데 막막할 수 있는 방향을 잡는데 도움이 굉장히 되네요!
배경숙 : 다양한 전문직
지성과 지식인
학자님들 모시고
미래로~
손잡고 가자는
학장님
레벨업
배우고 익히며
자신에게 응원의
삶에 질도 up!
고맙습니다
건강하세요
⚘⚘⚘
박미연 : 정지훈 교수님 넘 쉽게 설명해 주셔서 감사합니다.
PARK : NFT 이제 막 공부 시작했는데 생소한 말들이 너무 많았는데 정말 탁 집어주시네요 ... 감사한 새로운 코너 감사합니다

... 

#웹표준공부

댓글목록

등록된 댓글이 없습니다.

전체 8,666건 1 페이지
게시물 검색
Copyright © artjone.com. All rights reserved.  Contact : help@oxmail.xyz