오늘의 언어

https://youtu.be/3UOe2hau8Ks 1. 강의를 보고 의도적으로 주석을 달아가면서 시스템, 로직, 코드를 제대로 이해하자 코딩 = 문제 해결 능력, 기능구현 강사의 코딩을 따라치기만 하면 나의 코딩이 아니다. 응용력이 줄어든다. 단순 클론 코딩 x. 구조, 흐름을 이해하려고 노력하는 시간을 갖자 2. 큰 문제를 작은 문제로 쪼개자 튜토리얼에 의존하다보면 새로운 구현에서 막힌다. 작은 문제로 쪼개고 더 작은 문제로 쪼개자 리액트로 유튜브 만들기 => 모듈화로 기능기능 쪼개기 부분부분을 찾는 능력을 기르기. 리액트로 영상 재생하기 / 리액트로 댓글달기 / 리액트로 구독하기 잘게잘게 쪼개서 접근하면 구현 능력 상승! 3. 익힌 내용을 기반으로 활용하면서 기능을 추가하기 (나만의 소스창고) 현재..

https://gngsn.tistory.com/category/GIT 'GIT' 카테고리의 글 목록 gngsn.tistory.com pull = fetch & merge https://backlog.com/git-tutorial/kr/stepup/stepup2_3.html 누구나 쉽게 이해할 수 있는 Git 입문~버전 관리를 완벽하게 이용해보자~ | Backlog 누구나 쉽게 알 수 있는 Git에 입문하신 것을 환영합니다. Git을 사용해 버전 관리를 할 수 있도록 함께 공부해봅시다! backlog.com checkout https://hoho325.tistory.com/87 비주얼 스튜디오 코드(visual studio code)로 깃 커밋 쉽게 하는 방법 비주얼 스튜디오 코드(visual studio..

spl_autoload_register : 필요한 파일 자동 로딩. require_once를 해주지 않아도 원하는 객체를 불러오면서 자유롭게 사용 가능. $path = str_replace(search[찾는 정보], replace[바꾸겠다], subject[어디에서?]); $path = str_replace('\\', '/', $path); 인자로 전달되어 언젠가 호출될 거라고 기대되는 함수 : 콜백함수. parent::callMethod($param); echo "child {$param}"; 자식 class 에서 부모 class의 method에 접근해서 값을 가져오고자 할 때 parent:: 를 쓴다. priavate은 해당 클래스 안에서만 유효하다. 자식은 이에 접근할 수 없다. protected ..

static 정적인 dynamic 동적인 instance가 생성될 때는 자동으로 동적으로 만들어짐 하지만 static이 붙으면 class에 소속되는 것. static : class 소속 (class property. static property) - 모든 instance가 공유 가능. 클래스가 직접 호출 가능. dynamic : instance 소속 멤버 제작. $this -> 인스턴스에 대한 자기자신 self:: 클래스에 대한 자기자신

https://koreanname.me/ 한국인의 이름 통계 한국인의 이름 통계 서비스 koreanname.me 데이터는 전자가족관계시스템에서 매일 수집하여 갱신. https://news.joins.com/DigitalSpecial/247 내 이름으로 개명한 한국인은 몇 명? 신기방기 대한민국 이름 검색기! 한국인 85만명이 선택한 새 이름은? news.joins.com https://sleepyti.me/ sleepyti.me bedtime calculator For feedback, questions, or concerns, please feel free to e-mail us. If you know when you'll fall asleep, but not when you'll wake up, tr..

https://leedy-s2.github.io/friendship_test/ 우정모의고사 우리 우정의 소소한 중간평가 leedy-s2.github.io 출제자가 먼저 문제를 풀고, 친구에게 넘기면 친구가 이를 맞추고 점수 + 레벨로 환산해서 우정 점수를 보여주는 토이프로젝트다. 다음에는 부트스트랩 없이 잘 만들 수 있었으면 좋겠당. DB를 쓰지 않아서 해당값을 저장해두고 친구들끼리 등수를 매기는 기능을 구현하지 못했는데 차후에 이런 부분도 추가해보고 싶다. 이후 추가구현하고 싶은 부분 - 오답노트 - 다시 풀기 - 우정 순위 매기기 - 내가 생각하는 나 & 남이 생각하는 나 [무료] [하루 10분|Web Project] HTML/JS/CSS로 나만의 심리테스트 사이트 만들기 - 인프런 | 강의 HTML..

https://www.zerocho.com/category/JavaScript/post/572c6f759a5f1c4db2481ee3 (JavaScript) 객체(Object)와 배열(Array) 안녕하세요, 이번 시간에는 자바스크립트 객체(Object)에 대해 알아보겠습니다. 객체(Object) 객체란, 현실의 사물을 프로그래밍에 반영한 겁니다. 코드로 보는게 이해하기 쉽겠죠? 저를 프로그래밍 www.zerocho.com https://velog.io/@ki_blank/JavaScript-화살표-함수Arrow-function JavaScript - 화살표 함수(Arrow function) 화살표 함수는 ES6문법입니다. function 키워드 사용해서 함수를 만든 것보다 간단히 함수를 표현할 수 있습니다..

생활코딩에서 grid 강의 듣다가 검색해본 grid & flex 읽다가 잠시 중단 ^_^... 저장해두고 틈날 때마다 읽어야지 .container{ display:flex; flex-direction:row; } row row-reverse column column-reverse 에 따라서 다르게 값 배치되는 거 너무너무 신기하고 재밌다. https://studiomeal.com/archives/197 이번에야말로 CSS Flex를 익혀보자 이 튜토리얼은 “차세대 CSS 레이아웃” 시리즈의 첫번째 포스트입니다. 이번에야말로 CSS Flex를 익혀보자 이번에야말로 CSS Grid를 익혀보자 벌써부터 스크롤의 압박이 느껴지고,‘좀 편안하게 누 studiomeal.com https://studiomeal.co..

깃허브 페이지를 열었는데 자꾸 리드미가 뜨는 경우는, index.html에서 이름을 변경해서인 것 같다. 일반적으로 페이지명이 index인 게 없을 경우 readme가 나오는 듯 다시 이름을 index.html로 바꾸니까 잘 나온다 https://github.com/codingeverybody/codingyahac/issues/62 1. 18 웹호스팅 강의에서 막혔습니다. · Issue #62 · codingeverybody/codingyahac 알려주신대로 파일을 업로드하고 마스터 브랜치로 연결해서 주소까지 얻어냈습니다. 그런데 해당 주소로 접속하면 README.md 페이지가 뜹니다. 제가 원하는 html페이지와 깃허브 주소를 연결하려 github.com

반응형 웹, 반응형 디자인(Responsive Web) : 화면의 크기에 따라서 웹페이지의 각 요소들이 반응해서 최적화된 모양으로 바뀌어 동작하게 되는 것. 미디어 쿼리 : 화면의 여러가지 특성들에 따라서 어떠한 조건을 만족할 때만 CSS 내용이 동작하게 하는 것 min-width : 최소 800px -> 800픽셀 이상부터 효과가 적용된다. max-width : 최대 800px -> 800픽셀 이하부터 효과가 적용된다. * 적용 @media(max-width:800px){ #grid{ display:block; } #grid ul{ border-right:none; } h1 { border-bottom:none; } } block-level element는 화면 전체를 사용. 반응형 웹사이트를 위해서는..