코린이 #1 스파르타 코딩클럽 둘쨋날 웹계발 1주차 노션: 어제 ot를 하고나서 1-3까지 들었었다. 분명... 선생님을 따라서 잘 했는데... 기억이 하나도 안나는거 있지...^^ 그래서 다시 전 수업을 다시 듣고 와야 기억을 되살려보아야했다. 이런 몹쓸 기억력... 오늘 게더 다운되어서 클로징 못함 그래서 오늘은 뭘 어디까지 배웠는가! 간단한 로그인페이지 만들기, css, 주석,폰트까지 배운것같다. 1-11까지 들어야하는데 ... 웹계발왕초보코린이스온스스파르타코딩클럽스온스 코린이의 REACT 기본문법 복습 끄적끄적 REACT 기본문법 복습 끄적끄적 반복문 쓰는 법 {반복할데이터.map(()=>{return})}; 예시 블로그 좋아요 기능 만들어보기 input쓰는법 input 사용 예시 블로그에 글 추가 기능... React코린이벨린이React DI가 무엇인지 맛만봐보자 ‘의존성'은 예를 들어 서비스로 사용할 수 있는 객체이다. DI가 무엇인지 어느정도 감을 잡은 상태에서 본다고해도 집중해야지 이해할 수 있을 정도인데 처음 공부하는 입장에서는 외계어를 보는 기분이고 공부를 시작하기도전에 흥미가 뚝 떨어져 버릴 것이다. 단어를 나눠서 생각해보면 다른 것에 의지하여 생활하거나 존재한다는 뜻인 의존성과 어딘가에 넣어줌을 뜻하는 주입 이라는 단어로 쪼개서 생각해볼 ... 코린이개발지식개발지식 2021.07.19 NAVER-1 Day16, Naver 웹사이트를 따라만들어보았다. ++ 웹프로그래밍 할 때 도움되는 chrome 확장 프로그램 wappalyzer : 웹사이트 만들때 사용된 기술 spec 확인 가능 Naver : new file-save(index0719.html), save(style0719.css) (css파일은 편의상 css 폴더를 만들어 그안에 저장) 기본 설정 + html, css 파일을 연동 <... CSSNaver코린이프론트엔드html개발일지CSS JS_문자열(String) 우리가 일상에서 확인할 수 있는 글자를 문자열(string)이라고 한다. let word = "Nice to Meet You" 여기에서 "Nice to Meet You"라는 문자열을 word라는 변수에 담아주었는데 문자열을 담아준 변수에서 7번째 인덱스를 찾는다고 하면 console.log(word[7]) 결과는 " " 0부터 센다라고 했으니까 word라는 변수에 담아준 문자열은 Nice t... 개발자가되자코린이개발자가되자 [스파르타] 1주차-HTML, CSS 그동안 정말 말단이었지만 약 2년 동안 공공기관에서 교육 플랫폼을 운영했다. 사실 개발이나 유지보수, 클라우드 모두 용역으로 맡겨 진행하지만... 전문 지식이 부족해 원하는 부분을 정확히 전달하기가 참 힘들었다. 이제부터, 과거보다 발전할 수 있는 기회를 잡아보고자 코딩을 시작해보려고 한다. "스파르타코딩클럽 웹개발종합반"은 , 홈페이지를 통해 신청하여 진행했다. 이때 기존에 만들어준 내일배... CSS스파르타코딩클럽코린이스파르타htmlCSS JS_반복문(Loop) Js를 공부할때나 코드를 작성할때 항상 같은 내용을 똑같이 쓰는건데.. 일일이 손으로 쓰기도 힘든게 없지 않아 있을것이다. 그래서 반복문이라는 것이 있다. 예를 들어서 어떤 문자열을 넣었을때 그 문자열에서 "a"라는 단어만 골라내는 작업을 할때 일일이 코드쓰면.. 솔직히 귀찮다.. (이런 결과를 초래할지도...) 그래서 반복문을 보도록 하자 어떻게 써? 만약 숫자를 하나씩 더해주는 함수가 있... 개발자가 되자코린이개발자가 되자 2021.07.15 kidsgao-3 <div>태그로 night2 페이지 영역을 설정하고 id를 입력한다. <div> 태그로 들어갈 이미지의 영역을 설정하고 class를 설정한다. 2. night2 페이지 영역<div>태그인 #night2의 너비와 높이를 설정하고 이미지를 연결한다. <div> 태그 .moon의 이미지를 연결하고 너비 높이를 설정한다. .night2Bubble 이미지는 position: absolute로 설정하고... CSS개발일지프론트엔드코린이htmlCSS [Today I Learned] EP.1 객체지향 프로그래밍 객체 지향 프로그래밍? Javascript(이하 Js)는 매우 객체 지향적인 프로그래밍 언어이다. 객체 지향 프로그래밍(OOP, Object-oriented programming)은 데이터와 기능을 한 곳에 묶어서 처리한다. 속성과 메소드가 하나의 객체(Object)라는 개념에 포함된다. Js의 내장타입인 object와는 다르게 클래스 (Class) 라는 이름으로 부른다. class?? 클래... 개발자가되자코린이코드스테이츠개발자가되자 2021.07.14 kidsgao-2 <div>태그로 forest2 페이지 영역을 설정하고 id를 입력한다. <div> 태그로 들어갈 이미지의 영역을 설정하고 class를 설정한다. 2. forest2 페이지 영역<div>태그인 #forest2의 너비와 높이를 설정하고 이미지를 연결한다. <div> 태그 .frog의 이미지를 연결하고 너비 높이를 설정한다. .machineWrap2 안의 자식 태그들의 위치와 영향을 받도록 pos... CSS개발일지프론트엔드코린이htmlCSS [CSS] display 와 visibility 가볍게 생각하고 넘겼다가 쓸 때마다 헷갈렸던 개념들은 주제별로 찾아보고 풀어서 다시 정리해두기. 강의를 들으면서 block과 inline-block의 구분, display : none;과 visibillity : hidden;의 구분이 헷갈려서 정리해본다. 🌱 inline-block은 왜 써야할까? 그냥 block으로 만들면 안되나? 📌 display : 요소를 어떻게 보여줄 것인지 정하는 ... 코린이CSS기초CSS기초 2021.06.29 HTML-2 4. 친구 한명에 대한 설명은 <a> 태그 이용해서 클릭하면 원하는 페이지로 넘어 가도록 전체를 감싸고 프로필 사진은 <img> 태그, 이름은 <h3></h3>태그, 상태메세지는 <p></p> 태그로 표현 5. 동일한 형태를 여러번 반복해서 만들때 구분 지을 수 있는 <div></div> 태그를 사용해서 친구 목록을 쉽게 만들 수 있다. 4. 클릭하면 원하는 페이지로 넘어가도록 <a></a>... 개발일지코린이프론트엔드htmlhtml [스파르타코딩클럽_왕초보 웹개발 1주차] 디자인과 출신 코린이의 개발일지 '나중에도 이거로 밥벌어 먹고 살 수 있을까?'였다. 보다 더 전문성 있는 직무를 준비해볼까 고민하던 찰나, 하지만 1주차 강의를 들으며 그런 고민은 사라졌고, 조금 더 깊게 배우고 싶어졌다. 이런 마음에 개발일지를 쓰면서 내 개발 실력을 더 발전시키고싶어졌다. 코딩 왕초보라 CSS,HTML,JAVASCRIPT 모두 이 수업에서 처음 접했기에 개발일지가 개발새발일 수 있지만 한번 열심히 써봐... 개발입문자코딩개발일지웹개발CSS개발일지첫코딩코딩입문스파르타코딩클럽html코딩왕초보코린이코딩초보스파르타코딩CSS TIL - SQL Basics SQL에서 사용하는 기본 쿼리문은 다음과 같다. (** 많은데 사실..) 여기서 찾아보고 하면 장땡이다 여튼... 쿼리문은 이렇게 되어 있다. 데이터베이스 생성 데이터베이스 사용 테이블 생성 앞서 데이터베이스를 만들고 사용하는 쿼리문을 입력했다면 테이블을 만들 수 있다. user 라는 테이블을 만들기 테이블은 필드와 함께 만들어야 한다. SQL 콘솔에서 enter 키를 이용해 여러 줄의 코드... mysql코드스테이츠learnmysql개발자가되자코린이learnmysql 2021.07.22 NAVER-4 하나의 리스트를 반으로 나누어 위,아래 영역으로 구분해 list-half-top, list-half-bottom으로 영역을 설정하고 class를 입력한다. 하나의 리스트를 반으로 나누어 위,아래 영역으로 구분해 list-half, list-row-3으로 영역을 설정하고 class를 입력한다. 모든 list-item 아래에 있는 브랜드 로고들에 대한 레이아웃으로 <div>태그로 영역을 설정하고... CSS개발일지Naver프론트엔드코린이htmlCSS
#1 스파르타 코딩클럽 둘쨋날 웹계발 1주차 노션: 어제 ot를 하고나서 1-3까지 들었었다. 분명... 선생님을 따라서 잘 했는데... 기억이 하나도 안나는거 있지...^^ 그래서 다시 전 수업을 다시 듣고 와야 기억을 되살려보아야했다. 이런 몹쓸 기억력... 오늘 게더 다운되어서 클로징 못함 그래서 오늘은 뭘 어디까지 배웠는가! 간단한 로그인페이지 만들기, css, 주석,폰트까지 배운것같다. 1-11까지 들어야하는데 ... 웹계발왕초보코린이스온스스파르타코딩클럽스온스 코린이의 REACT 기본문법 복습 끄적끄적 REACT 기본문법 복습 끄적끄적 반복문 쓰는 법 {반복할데이터.map(()=>{return})}; 예시 블로그 좋아요 기능 만들어보기 input쓰는법 input 사용 예시 블로그에 글 추가 기능... React코린이벨린이React DI가 무엇인지 맛만봐보자 ‘의존성'은 예를 들어 서비스로 사용할 수 있는 객체이다. DI가 무엇인지 어느정도 감을 잡은 상태에서 본다고해도 집중해야지 이해할 수 있을 정도인데 처음 공부하는 입장에서는 외계어를 보는 기분이고 공부를 시작하기도전에 흥미가 뚝 떨어져 버릴 것이다. 단어를 나눠서 생각해보면 다른 것에 의지하여 생활하거나 존재한다는 뜻인 의존성과 어딘가에 넣어줌을 뜻하는 주입 이라는 단어로 쪼개서 생각해볼 ... 코린이개발지식개발지식 2021.07.19 NAVER-1 Day16, Naver 웹사이트를 따라만들어보았다. ++ 웹프로그래밍 할 때 도움되는 chrome 확장 프로그램 wappalyzer : 웹사이트 만들때 사용된 기술 spec 확인 가능 Naver : new file-save(index0719.html), save(style0719.css) (css파일은 편의상 css 폴더를 만들어 그안에 저장) 기본 설정 + html, css 파일을 연동 <... CSSNaver코린이프론트엔드html개발일지CSS JS_문자열(String) 우리가 일상에서 확인할 수 있는 글자를 문자열(string)이라고 한다. let word = "Nice to Meet You" 여기에서 "Nice to Meet You"라는 문자열을 word라는 변수에 담아주었는데 문자열을 담아준 변수에서 7번째 인덱스를 찾는다고 하면 console.log(word[7]) 결과는 " " 0부터 센다라고 했으니까 word라는 변수에 담아준 문자열은 Nice t... 개발자가되자코린이개발자가되자 [스파르타] 1주차-HTML, CSS 그동안 정말 말단이었지만 약 2년 동안 공공기관에서 교육 플랫폼을 운영했다. 사실 개발이나 유지보수, 클라우드 모두 용역으로 맡겨 진행하지만... 전문 지식이 부족해 원하는 부분을 정확히 전달하기가 참 힘들었다. 이제부터, 과거보다 발전할 수 있는 기회를 잡아보고자 코딩을 시작해보려고 한다. "스파르타코딩클럽 웹개발종합반"은 , 홈페이지를 통해 신청하여 진행했다. 이때 기존에 만들어준 내일배... CSS스파르타코딩클럽코린이스파르타htmlCSS JS_반복문(Loop) Js를 공부할때나 코드를 작성할때 항상 같은 내용을 똑같이 쓰는건데.. 일일이 손으로 쓰기도 힘든게 없지 않아 있을것이다. 그래서 반복문이라는 것이 있다. 예를 들어서 어떤 문자열을 넣었을때 그 문자열에서 "a"라는 단어만 골라내는 작업을 할때 일일이 코드쓰면.. 솔직히 귀찮다.. (이런 결과를 초래할지도...) 그래서 반복문을 보도록 하자 어떻게 써? 만약 숫자를 하나씩 더해주는 함수가 있... 개발자가 되자코린이개발자가 되자 2021.07.15 kidsgao-3 <div>태그로 night2 페이지 영역을 설정하고 id를 입력한다. <div> 태그로 들어갈 이미지의 영역을 설정하고 class를 설정한다. 2. night2 페이지 영역<div>태그인 #night2의 너비와 높이를 설정하고 이미지를 연결한다. <div> 태그 .moon의 이미지를 연결하고 너비 높이를 설정한다. .night2Bubble 이미지는 position: absolute로 설정하고... CSS개발일지프론트엔드코린이htmlCSS [Today I Learned] EP.1 객체지향 프로그래밍 객체 지향 프로그래밍? Javascript(이하 Js)는 매우 객체 지향적인 프로그래밍 언어이다. 객체 지향 프로그래밍(OOP, Object-oriented programming)은 데이터와 기능을 한 곳에 묶어서 처리한다. 속성과 메소드가 하나의 객체(Object)라는 개념에 포함된다. Js의 내장타입인 object와는 다르게 클래스 (Class) 라는 이름으로 부른다. class?? 클래... 개발자가되자코린이코드스테이츠개발자가되자 2021.07.14 kidsgao-2 <div>태그로 forest2 페이지 영역을 설정하고 id를 입력한다. <div> 태그로 들어갈 이미지의 영역을 설정하고 class를 설정한다. 2. forest2 페이지 영역<div>태그인 #forest2의 너비와 높이를 설정하고 이미지를 연결한다. <div> 태그 .frog의 이미지를 연결하고 너비 높이를 설정한다. .machineWrap2 안의 자식 태그들의 위치와 영향을 받도록 pos... CSS개발일지프론트엔드코린이htmlCSS [CSS] display 와 visibility 가볍게 생각하고 넘겼다가 쓸 때마다 헷갈렸던 개념들은 주제별로 찾아보고 풀어서 다시 정리해두기. 강의를 들으면서 block과 inline-block의 구분, display : none;과 visibillity : hidden;의 구분이 헷갈려서 정리해본다. 🌱 inline-block은 왜 써야할까? 그냥 block으로 만들면 안되나? 📌 display : 요소를 어떻게 보여줄 것인지 정하는 ... 코린이CSS기초CSS기초 2021.06.29 HTML-2 4. 친구 한명에 대한 설명은 <a> 태그 이용해서 클릭하면 원하는 페이지로 넘어 가도록 전체를 감싸고 프로필 사진은 <img> 태그, 이름은 <h3></h3>태그, 상태메세지는 <p></p> 태그로 표현 5. 동일한 형태를 여러번 반복해서 만들때 구분 지을 수 있는 <div></div> 태그를 사용해서 친구 목록을 쉽게 만들 수 있다. 4. 클릭하면 원하는 페이지로 넘어가도록 <a></a>... 개발일지코린이프론트엔드htmlhtml [스파르타코딩클럽_왕초보 웹개발 1주차] 디자인과 출신 코린이의 개발일지 '나중에도 이거로 밥벌어 먹고 살 수 있을까?'였다. 보다 더 전문성 있는 직무를 준비해볼까 고민하던 찰나, 하지만 1주차 강의를 들으며 그런 고민은 사라졌고, 조금 더 깊게 배우고 싶어졌다. 이런 마음에 개발일지를 쓰면서 내 개발 실력을 더 발전시키고싶어졌다. 코딩 왕초보라 CSS,HTML,JAVASCRIPT 모두 이 수업에서 처음 접했기에 개발일지가 개발새발일 수 있지만 한번 열심히 써봐... 개발입문자코딩개발일지웹개발CSS개발일지첫코딩코딩입문스파르타코딩클럽html코딩왕초보코린이코딩초보스파르타코딩CSS TIL - SQL Basics SQL에서 사용하는 기본 쿼리문은 다음과 같다. (** 많은데 사실..) 여기서 찾아보고 하면 장땡이다 여튼... 쿼리문은 이렇게 되어 있다. 데이터베이스 생성 데이터베이스 사용 테이블 생성 앞서 데이터베이스를 만들고 사용하는 쿼리문을 입력했다면 테이블을 만들 수 있다. user 라는 테이블을 만들기 테이블은 필드와 함께 만들어야 한다. SQL 콘솔에서 enter 키를 이용해 여러 줄의 코드... mysql코드스테이츠learnmysql개발자가되자코린이learnmysql 2021.07.22 NAVER-4 하나의 리스트를 반으로 나누어 위,아래 영역으로 구분해 list-half-top, list-half-bottom으로 영역을 설정하고 class를 입력한다. 하나의 리스트를 반으로 나누어 위,아래 영역으로 구분해 list-half, list-row-3으로 영역을 설정하고 class를 입력한다. 모든 list-item 아래에 있는 브랜드 로고들에 대한 레이아웃으로 <div>태그로 영역을 설정하고... CSS개발일지Naver프론트엔드코린이htmlCSS