웹개발 본격 개발! 2일차 테두리를 지웠다 디자인 시무 14조를 통해 깔끔한 디자인을 위해 캐릭터 인기도를 알 수 있는 평가란을 별표로 표시하기로 했다 아이콘 라이브러리를 쓰고 별표 크기를 조절했다 폰트를 넣었다 구글 폰트를 썼는데 크기가 작아서 크기를 키우는 CSS 코드를 썼다 마치며 사진을 일정한 크기로 일렬로 배열하거나 슬라이드를 이용해서 표시하고 싶은데... 사진이 위아래로 표시되거나 슬라이드가 넘어가다가 사진... bootstrapJavaScriptCSS웹개발CSS 📕 [ TIL ] : 2일차_2022.04.19.(화) GitHub) README.md 생성, 마크다운 및 캐시파일삭제 명령어 vscode에는 pycharm처럼 venv 폴더 생성하지 않고도 anaconda로 가상환경 설정 가능 (pip 설치 용이. 발생했던 오류 : 여백 및 오타 오류부터 파일 경로 설정, aws 키체인 저장한 곳 바뀔 시 서버 초기 실행할때부터 경로 다시 설정해야함 [ ✏️ 리마인드 : 서버 업데이트시 중요한것! [ ✏️ 수업... 내일배움단JavaScriptTILhtml개발자스파르타코딩클럽모든개발자분들파이팅입니다js웹개발스파르타코딩JavaScript REST API 핵심 정리 REST API란 CRUD Operation 구조를 자원과 행위로 표현해 분산 하이퍼미디어 시스템에서 사용할 수 있는 소프트웨어 아키텍처의 한 형식이다. 웹, HTTP 기술을 그대로 활용해 웹의 장점을 최대한 활용할 수 있도록 로이 필딩이 최초로 소개했다. REST API 메시지만 보고도 이를 쉽게 이해할 수 있다. REST 서버는 다중 계층으로 구성되어 보안, 로드밸런싱, 암호화 계층을 추... 웹개발정리글REST APIREST API 📕 [ TIL ] : 1일차_2022.04.18.(월) 웹 프로그래밍 A-Z 기초 KDT 실무형AI웹개발자 2회차 : 1주차 (1-1~1-16) ~ 2주차 (2-1~2-8) 파이썬 문법 기초 KDT 실무형AI웹개발자 2회차 : 1-1~1-15 이번년도 3월 경, 내일배움단 합류 전 웹개발, 앱개발 과정을 수강했었기에 이번에 새로 배운 것들만 다시 복기차원에서 적어보았다. CSS : 뭔가를 꾸민다 = 가리킬 수 있어야 꾸미기 가능 style 뒷배경... 내일배움단JavaScriptTILhtml개발자스파르타코딩클럽모든개발자분들파이팅입니다js웹개발스파르타코딩JavaScript 본격 개발! 1일차 강의를 들을 땐 주는 가이드라인과 기본이 되는 코드로 시키는 것만 이것저것 만져보면 됐는데, 전에 했던 걸 보면서 해도 영 막막하다. 첫 페이지를 만들며 레이아웃을 짜고 싶은데 어떻게 짜야하는지 아무리 찾아도 모르겠다. 3시간을 끙끙거리며 만든 것이 겨우 이것... 90년대 초딩이 숙제로 만든 페이지 같다. HTML과 CSS만으로 만드는 게 얼마나 힘든지 느꼈다. 저녁을 먹으며 부트스트랩을 ... bootstrapJavaScriptCSS웹개발CSS 스파르타코딩클럽, [왕초보] 비개발자를 위한, 웹개발 종합반 5주차 개발일지 git bash : 인스턴스 접속하는 방법 ssh -i (keypair위치) (ip주소) ex) ssh -i /c/Users/spartakeypair.pem filezilla : 인스턴스와 연결하기 git bash : ec2 설정하기 ubuntu@ip-172-31-40-218:~/sparta2$ sudo chmod 755 initial_ec2.sh ubuntu@ip-172-31-40-218:... 스파르타코딩클럽웹개발개발일지내일배움단webweb [스파르타코딩클럽] 웹개발 종합반💻 1주차 개발일지 주석처리 : Ctrl + / 또는 /**/ head : 눈에 보이지 않는 영역들! body : 눈에 보이는 웹페이지 화면 2. CSS : 꾸미기 [2] 자주 나오는 CSS 배경 : background-color, background-image, background-size, background-position 간격 : margin, padding [3] 부트스트랩 : 예쁜 CSS 모음집 모든... FE웹개발스파르타코딩클럽개발일지FE [스파르타코딩클럽 웹개발 종합반] 1주차 - 수업 후기 및 숙제 그래도 어찌저찌 1주차 강의를 다 듣고 과제도 제출했다. -뿌듯- 1주차 과제: 쇼핑몰 1페이지 만들기 아 Dropdown CSS 너무 헷갈린다.... 웹개발코딩CSS초보일지개발일지htmlCSS [생활코딩] javascript 강의 📌 web2.13-web2.17 html언어는 프로그래밍언어가 아니다. javascript는 프로그래밍언어라고 부른다. 그 차이는? program이라는 단어 자체는 '순서'라는 개념이 포함되어있다. 프로그래밍은 순서를 만드는 행위로 볼 수 있다. html은 순서에 따라 일을 하는 언어가 아니다. javascript는 사용자와 상호작용하며 작동하기 때문에 순서대로 처리되는 언어이다. 비교연산자... 웹개발JavaScriptJavaScript React 스터디 3일차 1. React.useState() 지난 시간에는 이벤트가 일어날 해당 컴포넌트에 이벤트 함수를 정의하여 사용했으나, 이번 시간에는 부모 컴포넌트에 이벤트를 정의하고 해당 이벤트로 인해 변화 된 상태 값(count)을 다른 자식에게도 props 데이터를 넘겨 줄 것이다. 상태 값, 또는 이벤트를 부모 컴포넌트로 끌어 올려 사용하는 것을 "상태 끌어올리기" 라고 칭한다. 지난 시간까지는 정의한... web리액트웹개발프론트엔드ReactfrontendReact [ Django ] Get, Post 차이 이해하기 GET METHOD 클라이언트에서 서버로 주로 조회를 하기 위해서 많이 보내는 메소드 많지 않은 데이터이므로 파라미터에 데이터를 넣어서 보내고 이를 쿼리 스트링 이라고 부른다. POST METHOD 클라이언트에서 서버로 주로 수정, 생성 위해 전송할 때 쓰는 메소드, BODY 라는 응답 몸통에 넣어서 보냄 ex ) form ( 서버에 보내는 요청 ) 사용자가 컨트롤을 조작한 후에 전송 버튼을... 웹개발파이썬웹개발 [스파르타 웹개발 종합반] 3주차 정리 이번에는 파이썬과 파이썬 패키지, 그리고 웹크롤링, MongoDB를 이용해보았는데, 파이썬은 기초를 알고 있어서 쉽게 따라갔지만 그 외에는 다 처음 다루는 거라서 조금 버벅거렸네요. 이런 패키지 의 묶음을 라이브러리라 볼 수 있다. 가상환경으로 프로젝트 별로 패키지들을 담을 수 있다. FILE > Setting > Project : > Python Interpreter에 들어가면 패키지들을 ... 왕초보웹개발스파르타스파르타 파이썬 데이터 분석_개발일지_4주차 #목표 1. 데이터 분석을 기획할 수 있다. 2. 분석을 위한 가설을 세울 수 있다. 3. 데이터 분석 노트를 작성할 수 있다. #1 - 주식 데이터를 분석하기 데이터 불러오기 온라인에서 최신 코드 데이터 가져오기: 데이터 전처리 원하는 종목 코드 가져오기 그래프 그리기 #2 - 분석한 데이터로 인사이트 얻기 두 데이터가 어느 정도의 상관관계를 가지고 있는지를 분석한다. 피어슨 상관계수 상관... 파이썬 데이터 분석데이터분석국비지원내일배움카드웹개발pythonpandas내일배움단스파르타코딩클럽코딩프로젝트코딩matplotlibmatplotlib [스파르타 웹개발 종합반] 5주차 정리 마지막 주 완료!!! Filezilla를 설치 : sftp로 파일을 옮길 수 있게 하는 프로그램 Gabia.com 에서 도메인 구입 : 해당 도메인으로 원페이지 쇼핑몰이랑 연결 AWS에서 인스턴스 EC2 구입 : 서버 인스턴스 / 리눅스-우분투 OS 이차저차 구입했고 이거랑 숙제로 했던 걸 연결하면 끝! git Bash를 이용해서 로그인하기 이러면 서버에 접속한 상태가 된다. 그리고 처음에는... 왕초보웹개발스파르타스파르타 [스파르타코딩클럽_왕초보 웹개발 1주차] 디자인과 출신 코린이의 개발일지 '나중에도 이거로 밥벌어 먹고 살 수 있을까?'였다. 보다 더 전문성 있는 직무를 준비해볼까 고민하던 찰나, 하지만 1주차 강의를 들으며 그런 고민은 사라졌고, 조금 더 깊게 배우고 싶어졌다. 이런 마음에 개발일지를 쓰면서 내 개발 실력을 더 발전시키고싶어졌다. 코딩 왕초보라 CSS,HTML,JAVASCRIPT 모두 이 수업에서 처음 접했기에 개발일지가 개발새발일 수 있지만 한번 열심히 써봐... 개발입문자코딩개발일지웹개발CSS개발일지첫코딩코딩입문스파르타코딩클럽html코딩왕초보코린이코딩초보스파르타코딩CSS [웹개발] CSS 기본 지식 • HTML 부모-자식 구조 : HTML 태그는, 나를 감싸고 있는 태그(부모 태그)가 바뀌면, 그 안의 내용물(자식 태그)도 모두 영향을 받습니다. • CSS는 무언가를 꾸미기 위해 사용하는데, 꾸미기 위해서는 대상을 가르켜야합니다. 이처럼 명찰 역할을 하는 것이 class이고 class에 이름을 만들어, 꾸밀 대상을 지칭합니다.(아래 코드 참고) • CSS는 head 안 style 공간을... CSS웹개발pycharmCSS [스파르타 웹개발 종합반] 4주차 정리 흐아악 무슨 일이 있었는지 모르겠지만 스파르타공룡한테 한 번 잡혔다... 어떻게 이런 일이. 4주차에는 프로젝트 형식으로 진행하는 수업들이었는데, 사실 숙제 부분만 올려도 대부분은 커버가 되는 것 같아서 숙제를 그대로 올리려고 합니다. 중요한 건 이런 형식의 프로젝트라는 점 DB랑 GET POST을 응용한 개발이었습니다. 주문 내역을 작성하면 하단의 테이블에 db의 내용을 읽어와서 적어주는 ... 왕초보웹개발스파르타스파르타
본격 개발! 2일차 테두리를 지웠다 디자인 시무 14조를 통해 깔끔한 디자인을 위해 캐릭터 인기도를 알 수 있는 평가란을 별표로 표시하기로 했다 아이콘 라이브러리를 쓰고 별표 크기를 조절했다 폰트를 넣었다 구글 폰트를 썼는데 크기가 작아서 크기를 키우는 CSS 코드를 썼다 마치며 사진을 일정한 크기로 일렬로 배열하거나 슬라이드를 이용해서 표시하고 싶은데... 사진이 위아래로 표시되거나 슬라이드가 넘어가다가 사진... bootstrapJavaScriptCSS웹개발CSS 📕 [ TIL ] : 2일차_2022.04.19.(화) GitHub) README.md 생성, 마크다운 및 캐시파일삭제 명령어 vscode에는 pycharm처럼 venv 폴더 생성하지 않고도 anaconda로 가상환경 설정 가능 (pip 설치 용이. 발생했던 오류 : 여백 및 오타 오류부터 파일 경로 설정, aws 키체인 저장한 곳 바뀔 시 서버 초기 실행할때부터 경로 다시 설정해야함 [ ✏️ 리마인드 : 서버 업데이트시 중요한것! [ ✏️ 수업... 내일배움단JavaScriptTILhtml개발자스파르타코딩클럽모든개발자분들파이팅입니다js웹개발스파르타코딩JavaScript REST API 핵심 정리 REST API란 CRUD Operation 구조를 자원과 행위로 표현해 분산 하이퍼미디어 시스템에서 사용할 수 있는 소프트웨어 아키텍처의 한 형식이다. 웹, HTTP 기술을 그대로 활용해 웹의 장점을 최대한 활용할 수 있도록 로이 필딩이 최초로 소개했다. REST API 메시지만 보고도 이를 쉽게 이해할 수 있다. REST 서버는 다중 계층으로 구성되어 보안, 로드밸런싱, 암호화 계층을 추... 웹개발정리글REST APIREST API 📕 [ TIL ] : 1일차_2022.04.18.(월) 웹 프로그래밍 A-Z 기초 KDT 실무형AI웹개발자 2회차 : 1주차 (1-1~1-16) ~ 2주차 (2-1~2-8) 파이썬 문법 기초 KDT 실무형AI웹개발자 2회차 : 1-1~1-15 이번년도 3월 경, 내일배움단 합류 전 웹개발, 앱개발 과정을 수강했었기에 이번에 새로 배운 것들만 다시 복기차원에서 적어보았다. CSS : 뭔가를 꾸민다 = 가리킬 수 있어야 꾸미기 가능 style 뒷배경... 내일배움단JavaScriptTILhtml개발자스파르타코딩클럽모든개발자분들파이팅입니다js웹개발스파르타코딩JavaScript 본격 개발! 1일차 강의를 들을 땐 주는 가이드라인과 기본이 되는 코드로 시키는 것만 이것저것 만져보면 됐는데, 전에 했던 걸 보면서 해도 영 막막하다. 첫 페이지를 만들며 레이아웃을 짜고 싶은데 어떻게 짜야하는지 아무리 찾아도 모르겠다. 3시간을 끙끙거리며 만든 것이 겨우 이것... 90년대 초딩이 숙제로 만든 페이지 같다. HTML과 CSS만으로 만드는 게 얼마나 힘든지 느꼈다. 저녁을 먹으며 부트스트랩을 ... bootstrapJavaScriptCSS웹개발CSS 스파르타코딩클럽, [왕초보] 비개발자를 위한, 웹개발 종합반 5주차 개발일지 git bash : 인스턴스 접속하는 방법 ssh -i (keypair위치) (ip주소) ex) ssh -i /c/Users/spartakeypair.pem filezilla : 인스턴스와 연결하기 git bash : ec2 설정하기 ubuntu@ip-172-31-40-218:~/sparta2$ sudo chmod 755 initial_ec2.sh ubuntu@ip-172-31-40-218:... 스파르타코딩클럽웹개발개발일지내일배움단webweb [스파르타코딩클럽] 웹개발 종합반💻 1주차 개발일지 주석처리 : Ctrl + / 또는 /**/ head : 눈에 보이지 않는 영역들! body : 눈에 보이는 웹페이지 화면 2. CSS : 꾸미기 [2] 자주 나오는 CSS 배경 : background-color, background-image, background-size, background-position 간격 : margin, padding [3] 부트스트랩 : 예쁜 CSS 모음집 모든... FE웹개발스파르타코딩클럽개발일지FE [스파르타코딩클럽 웹개발 종합반] 1주차 - 수업 후기 및 숙제 그래도 어찌저찌 1주차 강의를 다 듣고 과제도 제출했다. -뿌듯- 1주차 과제: 쇼핑몰 1페이지 만들기 아 Dropdown CSS 너무 헷갈린다.... 웹개발코딩CSS초보일지개발일지htmlCSS [생활코딩] javascript 강의 📌 web2.13-web2.17 html언어는 프로그래밍언어가 아니다. javascript는 프로그래밍언어라고 부른다. 그 차이는? program이라는 단어 자체는 '순서'라는 개념이 포함되어있다. 프로그래밍은 순서를 만드는 행위로 볼 수 있다. html은 순서에 따라 일을 하는 언어가 아니다. javascript는 사용자와 상호작용하며 작동하기 때문에 순서대로 처리되는 언어이다. 비교연산자... 웹개발JavaScriptJavaScript React 스터디 3일차 1. React.useState() 지난 시간에는 이벤트가 일어날 해당 컴포넌트에 이벤트 함수를 정의하여 사용했으나, 이번 시간에는 부모 컴포넌트에 이벤트를 정의하고 해당 이벤트로 인해 변화 된 상태 값(count)을 다른 자식에게도 props 데이터를 넘겨 줄 것이다. 상태 값, 또는 이벤트를 부모 컴포넌트로 끌어 올려 사용하는 것을 "상태 끌어올리기" 라고 칭한다. 지난 시간까지는 정의한... web리액트웹개발프론트엔드ReactfrontendReact [ Django ] Get, Post 차이 이해하기 GET METHOD 클라이언트에서 서버로 주로 조회를 하기 위해서 많이 보내는 메소드 많지 않은 데이터이므로 파라미터에 데이터를 넣어서 보내고 이를 쿼리 스트링 이라고 부른다. POST METHOD 클라이언트에서 서버로 주로 수정, 생성 위해 전송할 때 쓰는 메소드, BODY 라는 응답 몸통에 넣어서 보냄 ex ) form ( 서버에 보내는 요청 ) 사용자가 컨트롤을 조작한 후에 전송 버튼을... 웹개발파이썬웹개발 [스파르타 웹개발 종합반] 3주차 정리 이번에는 파이썬과 파이썬 패키지, 그리고 웹크롤링, MongoDB를 이용해보았는데, 파이썬은 기초를 알고 있어서 쉽게 따라갔지만 그 외에는 다 처음 다루는 거라서 조금 버벅거렸네요. 이런 패키지 의 묶음을 라이브러리라 볼 수 있다. 가상환경으로 프로젝트 별로 패키지들을 담을 수 있다. FILE > Setting > Project : > Python Interpreter에 들어가면 패키지들을 ... 왕초보웹개발스파르타스파르타 파이썬 데이터 분석_개발일지_4주차 #목표 1. 데이터 분석을 기획할 수 있다. 2. 분석을 위한 가설을 세울 수 있다. 3. 데이터 분석 노트를 작성할 수 있다. #1 - 주식 데이터를 분석하기 데이터 불러오기 온라인에서 최신 코드 데이터 가져오기: 데이터 전처리 원하는 종목 코드 가져오기 그래프 그리기 #2 - 분석한 데이터로 인사이트 얻기 두 데이터가 어느 정도의 상관관계를 가지고 있는지를 분석한다. 피어슨 상관계수 상관... 파이썬 데이터 분석데이터분석국비지원내일배움카드웹개발pythonpandas내일배움단스파르타코딩클럽코딩프로젝트코딩matplotlibmatplotlib [스파르타 웹개발 종합반] 5주차 정리 마지막 주 완료!!! Filezilla를 설치 : sftp로 파일을 옮길 수 있게 하는 프로그램 Gabia.com 에서 도메인 구입 : 해당 도메인으로 원페이지 쇼핑몰이랑 연결 AWS에서 인스턴스 EC2 구입 : 서버 인스턴스 / 리눅스-우분투 OS 이차저차 구입했고 이거랑 숙제로 했던 걸 연결하면 끝! git Bash를 이용해서 로그인하기 이러면 서버에 접속한 상태가 된다. 그리고 처음에는... 왕초보웹개발스파르타스파르타 [스파르타코딩클럽_왕초보 웹개발 1주차] 디자인과 출신 코린이의 개발일지 '나중에도 이거로 밥벌어 먹고 살 수 있을까?'였다. 보다 더 전문성 있는 직무를 준비해볼까 고민하던 찰나, 하지만 1주차 강의를 들으며 그런 고민은 사라졌고, 조금 더 깊게 배우고 싶어졌다. 이런 마음에 개발일지를 쓰면서 내 개발 실력을 더 발전시키고싶어졌다. 코딩 왕초보라 CSS,HTML,JAVASCRIPT 모두 이 수업에서 처음 접했기에 개발일지가 개발새발일 수 있지만 한번 열심히 써봐... 개발입문자코딩개발일지웹개발CSS개발일지첫코딩코딩입문스파르타코딩클럽html코딩왕초보코린이코딩초보스파르타코딩CSS [웹개발] CSS 기본 지식 • HTML 부모-자식 구조 : HTML 태그는, 나를 감싸고 있는 태그(부모 태그)가 바뀌면, 그 안의 내용물(자식 태그)도 모두 영향을 받습니다. • CSS는 무언가를 꾸미기 위해 사용하는데, 꾸미기 위해서는 대상을 가르켜야합니다. 이처럼 명찰 역할을 하는 것이 class이고 class에 이름을 만들어, 꾸밀 대상을 지칭합니다.(아래 코드 참고) • CSS는 head 안 style 공간을... CSS웹개발pycharmCSS [스파르타 웹개발 종합반] 4주차 정리 흐아악 무슨 일이 있었는지 모르겠지만 스파르타공룡한테 한 번 잡혔다... 어떻게 이런 일이. 4주차에는 프로젝트 형식으로 진행하는 수업들이었는데, 사실 숙제 부분만 올려도 대부분은 커버가 되는 것 같아서 숙제를 그대로 올리려고 합니다. 중요한 건 이런 형식의 프로젝트라는 점 DB랑 GET POST을 응용한 개발이었습니다. 주문 내역을 작성하면 하단의 테이블에 db의 내용을 읽어와서 적어주는 ... 왕초보웹개발스파르타스파르타