[ PHP 강좌 ] #1. 라라벨(Laravel) 기본 개념 및 구조 - YouTube

초보코딩

www.youtube.com

프로그래밍은 철학이다. 개념부터 쉽게, 초보코딩 유튜브 채널 어떤 책인지 모르겠지만, 유명한 사람(...)이 쓴 프로그래밍에 대한 첫 문장은 이렇게 시작한다고 합니다. '프로그래밍은 철학이다' 그만큼 프로그램을 짠다는 것 바탕에는 사용환경, 이용자, 구축 등 여러 측면에서 철학적인 밑바탕을 두어야 합니다. 그런 점에서 개념을 확실히 안다는 것은 정말 중요한데요. 파이썬의 중요한 밑바탕 개념부터 시작해서 실전 기술까지 잘 알려주는 유튜브 채널 '초보코딩'을 소개합니다. https://www.youtube.com/channel/UC-5Jyf13bHKGGDp2iApfDEw/featured 나무위키에 나온 '파이썬' 등 다른 프로그래밍 언어에 대한 표제어들을 가 보면, 초반에 제일 먼저 나오는 게 철학적 배경입니다. 이 프로그램은 다른 프로그램에 비해 어떤 다른 철학을 갖고 있다는 점을 분명히 해야 그 프로그램에 대한 이해도 쉬워지는 편이니까요. 지금 소개드리는 '초보코딩'은 그 이름에 맞게 우선 파이썬의 여러 개념에 대한 설명부터 하고 시작하고 있어요. 그래서 정말 이제 막 프로그래밍의 세계에 입문한 사람들이 뭔가 공부하기 좋은 채널인데요. 한 강 한 강 따라가다 보면 어느새 나도 파이썬 전문가가 될 것 같은 근자감을 주는 채널입니다...ㅎㅎ 관심 있으시면 한 번 들러들 보세요~ 혹시 아나요. 구독까지 이어질 수도 있죠.

Next.js 리엑트 홈페이지 강좌

www.youtube.com

유튜브 채널 '코딩앙마'의 Next.js 강좌 재생목록 첫 영상 'Next js 강좌 #1 소개, 페이지 레이아웃 (Intro, Page layout)'이다. 리액트(React) 기반 웹 프레임워크 Next.js로 홈페이지를 만드는 과정을 여러 편에 걸쳐 설명하는 강좌의 시작 편이다. 1편에서는 강좌 소개와 함께 Next.js 프로젝트의 페이지 레이아웃 구성을 다루며, 재생목록의 이후 영상을 따라가며 리액트로 웹사이트를 단계적으로 만들어 볼 수 있다. 리액트를 익힌 뒤 Next.js로 실제 홈페이지 제작을 연습하고 싶은 프론트엔드 입문자에게 유용하다.

html5 문서의 기본폼을 잘설명해 놓은 주소입니다

blog.tommyzip.co.kr

TOMMYZIP 블로그에 올라온 'HTML5 태그 및 기본 구조' 글입니다. HTML5 문서가 어떻게 구성되는지와 새로 도입된 의미 있는 태그들을 한 편에 정리했습니다. WHATWG 설립부터 W3C가 표준 권한을 넘기기까지의 HTML5 표준화 흐름을 짚고, header·footer·nav·main·section·article·aside 같은 구조 요소의 용도를 설명합니다. audio·video·canvas 등 멀티미디어 요소, 확장된 input 타입과 datalist 같은 폼 요소, 용도가 바뀌거나 삭제된 요소도 다룹니다. HTML 문서의 기본 뼈대를 익히려는 웹 퍼블리싱 입문자에게 유용합니다.

PHP스쿨

phpschool.com

php프로그램 커뮤니티 https://phpschool.com를 소개합니다 php스쿨은 php프로그램어라면 다 알고 있을 정도로 활성화된 커뮤니티 사이트입니다. php프로그램을 개발하면서 막히는 부분이 있다면 이곳에 와서 검색하면 다 존재합니다. 만약 없다는 경우에 질문하면 프로그램어 분들이 친절하게 답변을 달아줍니다. 사실 개발자중에 https://phpschool.com 에서 도움을 받지 않은 개발자는 없을 것입니다. 그 정도로 질문과 답변이 많이 존재합니다. php스쿨이라 해서 php 정보만 있는 것이 아닙니다. asp, jsp, mysql, 오라클, 리눅스등 다른 개발언어와 개발환경에 관한 수많은 정보들이 있습니다. 개발에 관심이 있고 개발자를 꿈꾸신다면 많은 도움을 받으실 수 있을 것입니다. 사람들이 모이면 자연스럽게 시장이 형성되는 것처럼 이곳도 의뢰/장터라는 시장이 형성되어 있습니다. 내가 필요한 프로그램이 있다면 의뢰 하고, 또 내가 개발 할 수 있는 프로젝트라면 진행해 돈을 벌 수도 있습니다. 이처럼 php스쿨은 커뮤니티 공간을 넘어 새로운 비즈니스 모델까지 제시하는 아주 멋진 사이트입니다.

파이썬클래스

www.youtube.com

가장 쉬운 프로그래밍 언어, 파이썬을 배워보자! 파이썬이라고 하면 (개발자들끼리는) 가장 배우기 쉬운 언어라고 하는데요. 워낙 합리적이고 직관적으로 구성돼 있어서 1991년 개발된 이후 계속 그 영역을 넓혀 이젠 C언어나 PHP의 아성을 넘보고 있디고까지 합니다. 처음 개발을 배우기 시작할 때 파이썬으로 시작하는 곳들도 점점 많다고 하고요. 물론 기본적으론 프로그래밍 언어이기 때문에 개발자 입장에서 쉽다는 것인지, 문돌이들한테는 여전히 장벽이 있긴 한데요. 그럼에도 파이썬을 실제로 배워보고 싶은 욕심이 생기는 분들 많이 계실 걸로 압니다. 이런 분들을 위한 실전형 매뉴얼을 소개해주는 유튜브 채널 '파이썬클래스'를 소개합니다. https://www.youtube.com/c/파이썬클래스 오직 파이썬만 강의하고 있는데요. 과거 유행했던 '무작정 따라하기' 시리즈처럼 여기서 강의하시는 분의 가르침을 하나씩 하나씩 따라하다 보면 정말 쉽게 파이썬을 배울 수 있을 것 같아요. 파이썬은 개발속도가 빠르고 생태게도 거대하고 가르치기도 편하다고 알려져 있습니다. 뭐 전문적인 이야기로 가면 구현체, 순수 객체 지향 등 문돌이들은 잘 모르겠는 여러 용어들이 계속 나오는데요. 그런 건 뭐 천천히 알아가면 되겠지요. 유튜브를 보니 파이썬 기초부터 차근차근 시작하고 있는데요. 개념들 등 관련 기초를 우선 차근차근 쌓을 수 있는 것 같아서 좋아 보입니다. 물론 '원하는 키워드로 뉴스기사 목록 가져오기', '겨울왕국2 영화평저 댓글 크롤링해서 엑셀로; 등 실전형 강의들도 있고요. 개발자에 관심이 있다면, 파이썬클래스에서 파이썬으로 한 번 시작해 보시는 게 어떨까요?

프로그래머 김플

www.youtube.com

파이썬 초보에서 중급으로 업그레이드하기, 프로그래머 김플 스튜디오 채널 정말 요새는 파이썬이 프로그래밍의 대세인 걸까요? 많은 개발자 분들이 파이썬을 이용하기 시작했고 지망생들도 그런 것 같습니다. 그러다 보니 파이썬을 쉽게 가르쳐주는 유튜브 채널도 꽤 있는데요. 지금 소개해 드리는 채널은 '프로그래머 김플 스튜디오'라는 채널입니다. 채널 주소는 아래와 같네요. https://www.youtube.com/channel/UCdNSo3yB5-FRTFGbUNKNnwQ 김플스튜디오는 완전 초보자를 위한 강의는 아닙니다. 어느 정도 다른 언어에 대한 이해도가 있으신 분들에게 '파이썬이 이렇게 더 좋은 부분이 있다'고 알려주는 느낌이 강한데요. 그만큼 초보를 맛 벗어난 분들에게 더 적합한 강의가 많아서 자신의 실력을 어느 정도 업데이트하고 싶은 사람들에게 무척 도움이 되는 내용들이 많이 보입니다. 강의는 실무적인 내용 중심입니다. 문자열 좌우 공백 제거, 리스트 합 구하기 등 프로그래밍을 하다 보면 필요가 생기는 여러 요령들을 가르쳐 주고 있는데요. 한 강의가 짧으면 2분, 길어도 7분 정도인 게 대부분이라 시간적 부담이 크지도 않아요. 최근에 네이버 블로그도 개설했네요. https://blog.naver.com/kimflstudio 아직은 글이 별로 없지만 새로 시작한 블로그이니만큼, 여기에도 다양한 요령과 기술이 소개되었으면 하는 바램입니다.

인프랩

www.inflearn.com

인프랩은 동영상 교육 사이트 입니다 다양한 분야의 강의를 수강 할 수 있습니다 개인적으로 저는 강의 중에 개발,프로그램,보안,네트워크,데이터 사이언스 관련 강의가 있어서 좋은 것 같습니다 다른 교육 사이트들도 많이 있지만 IT쪽의 강의가 많지 않아 공부하려 해도 답답함이 있었는데 인프랩은 그런 부분을 해소해주는 것 같습니다

게시글

반응형 웹에서 기본 구조

반응형 웹 기본 템플릿 :root { --main-color: #333; --nav-bg: #444; --dropdown-bg: #555; --text-color: #fff; --link-color: #333; } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: sans-serif; line-height: 1.6; } a { text-decoration: none; color: inherit; } header { background: var(--main-color); color: var(--text-color); } .site-header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; } .site-logo { font-size: 20px; } .menu-toggle { display: none; font-size: 24px; background: none; border: none; color: var(--text-color); cursor: pointer; } nav.main-nav { display: flex; justify-content: center; background: var(--nav-bg); } .nav-item { position: relative; } .main-nav > .nav-item > a { display: block; padding: 15px 20px; color: var(--text-color); } .dropdown { display: none; position: absolute; background: var(--dropdown-bg); min-width: 120px; z-index: 10; } .nav-item:hover .dropdown { display: block; } .dropdown a { display: block; padding: 10px; color: var(--text-color); } .layout { display: flex; gap: 20px; max-width: 1200px; margin: auto; padding: 20px; } aside.sidebar { width: 250px; } .sidebar ul { list-style: none; } .sidebar li { margin-bottom: 5px; } .sidebar a { display: block; padding: 10px; background: #eee; color: var(--link-color); } main.main-content { flex: 1; } footer.site-footer { background: #f0f0f0; text-align: center; padding: 20px; margin-top: 40px; font-size: 14px; color: #666; } /* 모바일 우선 스타일 */ @media (max-width: 768px) { .menu-toggle { display: block; } nav.main-nav { flex-direction: column; display: none; } nav.main-nav.show { display: flex; } .main-nav > .nav-item > a { padding: 12px 16px; border-top: 1px solid #555; } .dropdown { position: static; } .nav-item:hover .dropdown { display: none; } .nav-item .dropdown { display: none; flex-direction: column; } .nav-item.show .dropdown { display: flex; } .layout { flex-direction: column; } aside.sidebar { width: 100%; } .sidebar ul { display: flex; flex-direction: row; gap: 10px; flex-wrap: wrap; } .sidebar li { margin-bottom: 0; } .sidebar a { white-space: nowrap; } } /* PC에서 우측 정렬되는 본문 내 텍스트 */ .main-content .page-message { text-align: left; margin-top: 20px; } 로고 ☰ 회사소개. 인사말 오시는길 제품소개. 제품A 제품B 고객센터 공지사항 자주묻는질문 회사소개 인사말 오시는길 안녕하세요 ⓒ 2025 나의 웹사이트. 모든 권리 보유. function toggleMenu() { document.getElementById("mainNav").classList.toggle("show"); } function toggleDropdown(event) { if (window.innerWidth