사전스터디 [2주차] JavaScript 기초 - 변수와 데이터 타입의 종류, 함수의 정의와 호출 변수를 선언하는 방법과 차이점에 대해 설명할 수 있다. 함수의 정의할 수 있고 정의와 호출의 차이점을 이해할 수 있다. boolean 타입과 함께 조건문을 사용할 수 있다. 변수를 사용하면 코드의 재활용성과 가독성을 높여주고, 중복을 제거하여 유지보수를 쉽게 해준다는 장점이 있습니다. 변수는 변수명 앞에 let 또는 const를 붙여서 사용합니다. let은 변할 수 있는 값을 선언할 때 사용... 사전스터디JavaScriptJavaScript 자기소개페이지 제작기 HTML CSS JavaScript JQuery 내비게이션 바는 레몬 아이콘으로 보이다 보니 마우스를 올렸을 때 어떤 영역인지 설명글이 나오면 좋겠다고 생각해서 찾아보니 툴팁(tooltip) 이라는 개념을 새롭게 알게 되었다! 처음에 title를 사용해서 만들어줬는데 생각보다 맘에 안 들어서 결국 그냥 CSS로 만들었다. CSS 적용 👇🏻 뚝뚝 끊기듯이 이동해서 좀 더 부드럽게 넘어가게 하고... 미니프로젝트사전스터디미니프로젝트 [3주차] 자바스크립트의 배열과 반복문 배열이 필요한 이유를 설명할 수 있다. 배열의 인덱스를 활용하여 원하는 요소에 접근할 수 있다. 다차원 배열에서 원하는 값에 접근할 수 있다. 자주 사용하는 배열 메서드의 종류를 알고 사용할 수 있다. 반복문과 배열을 활용해서 배열의 값을 조작할 수 있다. 배열을 통해 여러개의 데이터를 한 곳에 저장할 수 있습니다. 하나의 배열내에 문자 뿐 아니라 숫자, 객체, 함수 등 여러 자료형의 데이터... 사전스터디JavaScriptJavaScript k 2 - JavaScript 06. 반복문 반복문(lteration statesments)이란 동일한 동작을 조건(횟수)을 만족할 때 까지 반복해서 수행하는 개발자의 수고로움을 덜어주기 위해 탄생했다. 'HelloWecode'를 10번 출력하고 싶을땐 어떻게 할까🤷♂️? 3. 반복문을 활용하여 총 10번(조건을 만족할 때까지)을 콘솔로그로 문장을 찍어내도록(수행하도록)한다. 1> 초기 상태(let step = 0) : 선언 할 co... WeCode위코드사전스터디WeCode 21. 1. 11 수강 과목 : Git 이론 수강 콘텐츠 : 생활코딩 Git강의 정리 <브랜치와 충돌> 브랜치 기본 사용법 작업한 로그들 한 줄로 보기 좋게 나열 후 apple 이라는 브랜치 만듦 현재는 *master 라는 브랜치에 소속되어 있는 상태. 여기서 브랜치를 추가하다가 만일 새로운 커밋을 한다면? -> 기존 작업들은 브랜치들과 같이 있고, 새 작업만 마스터 브랜치에 위치한다. 으로 브랜치를 왔다 갔... TILgit사전스터디TIL k 1 - JavaScript 04. 조건문 *🔐Study Keyword : 🔑조건문에 대해서 알아보자아! -WHAT IS❓ 조건문? 만약 (조건이) 참이라면 ~A, 만약 (조건이) 거짓이라면 ~B와 같은 구조로 이루어져있는 문법이다. 조건문이 참이면 ~A가 실행되고 거짓이면 B가 실행되는 원리이다. 🔅참고🔅) 조건문 - blooean 관계? 조건문은 조건이 참, 거짓(true, false)에 따라서 결과가 달라진다. 따라서 boole... WeCode위코드사전스터디WeCode TIL 06 | CSS Box model, Box sizing 개발자 도구를 통해 해당 페이지 확인 결과, html의 모든 요소들은 모두 box로 렌더링되어 표현되는 것을 알 수 있다. 일정한 형태의 model로 구성되어 있기 때문에 이를 box model이라고 한다. 아래와 같이 box model은 margin,border,padding,content 4개의 층으로 구성되어있다. box model의 구조는 다음과 같다. margin: 바깥 여백, 즉 ... 사전스터디webCSSTILCSS 항해 사전스터디 회고록 사전강의에서는 javascript는 거의 조금나오고 대부분 jquery를 이용하여 작업을 하게되는데 우리 스터디에서는 vanila javascript를 이용해서 한번 해보자는 말이 나왔고, 나 역시 jquery보다는 바닐라 자바스크립트를 이용하여 하는 것이 실력향상에 조금 더 도움이 되겠다는 생각이 들어서 찬성하였고 수업에 나온 코딩을 자바스크립트로 풀어서 해보는 시간을 가졌다. 그리고 각자... 사전스터디pythonmongodb미니프로젝트JavaScriptjquery항해99FlaskCSShtmlCSS TIL 03 | HTML Form Tags form: 사용자로부터 특정한 정보나 데이터를 받고자 할 때 사용(이때 사용자는 client, 데이터를 받는 쪽은 server를 뜻함. method = "GET" : url에 사용자 정보가 담겨서 전송, 전송할 수 있는 정보의 길이가 제한됨, 퍼머링크로 사용됨(퍼머링크: 정보를 식별하는 고유의 식별자, 고유의 주소 체계를 뜻함). method = "POST" : url 상에 전달한 사용자 정... formwebhtml사전스터디TILTIL 21. 1. 22 <어제자 생활코딩 python과 웹으로 홈페이지 조작하기 복습> Query string 값을 파이썬의 값으로 알아내는 방법 중 코드 변경 (전) (후) id 값 value 가져오는 과정에서 id 키를 찾을 수 없는 에러 해결. Form : 사용자가 추가할 수 있는 것 만들어보기 : 정말 오탈자 조심하자. " 하나를 못 잡아내서 1시간 버렸다. 덕분에 알아낸 것 : 404 에러 중 type이 ... webpython사전스터디TILTIL JavaScript💡:: 변수, 반복문, 조건문 문자열이라 함은 문자 하나하나가 연결되어 하나의 표현을 이루는 데이터를 말하는 것 true, false값을 가지는 논리 데이터 타입 초기화(선언) 되지 않았거나 값이 할당되지 않았음을 나타내는 값 변수(Variable)는 (문자나 숫자 같은) 값을 담는 컨테이너로 값을 유지할 필요가 있을 때 사용한다. ○변수의 선언 var 사용 시 주의할 점! Strict Mode를 사용하면, 예를 들어 암... 반복문조건문JavaScript변수사전스터디TILJavaScript Dev 공부 시작!! 2021년 3월 3일 부트캠프 Wecode 사전스터디를 시작으로 본격적인 개발공부가 시작되었다! 처음에는 Github pages로 블로그를 개설하려고 이것저것 건드리는데.. 생각보다 많은 공부량에 적지않은 당황을 하고 말았다ㅎ 결국 velog로 오게 되었지만,, Wecode에서 공부한 이후에 차근차근 공부해도 늦지 않을 것 같다!! (선택과 집중!! 뚜둔) Github로 협업도 하고 블로그도... 시작WeCode일상주절주절사전스터디블로그WeCode k 1 - JavaScript Intro 01_콘솔로그 & 02주석처리 *🔐Study Keyword : 🔑출력과 🗝️주석에 대해서 알아보자 WHAT & WHY❓ 출력은 값을 찍어내는 행위로 눈에 보이도록 화면에 나타나는 것을 의미한다. HOW TO USE❕❓ -문자열 자료형과 숫자형 자료형이 더해지면 자동으로 문자열 자료형으로 변환됨에 주의하자! WHAT & WHY❓ 주석은 코드를 설명하는 코멘트로 실제 동작하는 코드가 아니다. -HOW TO USE❕❓ -한 줄... WeCode사전스터디위코드WeCode k 1 - JavaScript 02. Variables ✅: 🔑변수(선언 및 할당)와 🗝️변수의 데이터 타입(기본, 참조형)에 대해서 알아보자아! -WHAT IS❓ 변수란 데이터를 담아서 사용할 수 있는 대상을 의미한다. 변수란 데이터를 담아서 사용할 수 있는 대상을 의미한다. 자바스크립트에선 변수를 사용하여 특정한 값(데이터)을 저장할 수 있습니다. -변수 선언하는 것과 값을 대입하는 것은 별개이므로 값을 할당할 때 대입연산자(=)를 사용하는데... 위코드WeCode사전스터디WeCode 21.2.10~11 <코딩도장 심사문제 다시 풀며 확인한 것> 정말 많이 까먹었다. 다른거 한다고 감이 많이 죽은 것 같다. 다시 공부해야겠다. 심사문제 22.10 append와 pop 이용하기 계속 막혔던 것 : int는 iterable하지 않다고 하는데 계속 반복문을 돌리려고 했던 점. 심사문제 19.6 그래서 for j 반복문도 두 번이나 했던 것임.(양 옆) 그러니 i, j 크기 비교에 따라서 별줄이 길... 코딩도장python사전스터디TILTIL [1주차] HTML과 CSS 개념 익히기 CSS의 다양한 스타일 속성을 익히며 HTML 요소에 직접 적용할 수 있다. .html 파일과 .css 파일을 연결시킬 수 있다. 2. HTML, CSS, JavaScript의 관계 3. .html, .css, .js세 종류의 파일을 연결하는 방법 두가지 방법 중 <link> 태그를 사용하는 것이 속도가 더 빠르기 때문에 대부분은 <link> 를 사용한다. HTML 파싱이 완료 되기 전에 s... 사전스터디사전스터디
[2주차] JavaScript 기초 - 변수와 데이터 타입의 종류, 함수의 정의와 호출 변수를 선언하는 방법과 차이점에 대해 설명할 수 있다. 함수의 정의할 수 있고 정의와 호출의 차이점을 이해할 수 있다. boolean 타입과 함께 조건문을 사용할 수 있다. 변수를 사용하면 코드의 재활용성과 가독성을 높여주고, 중복을 제거하여 유지보수를 쉽게 해준다는 장점이 있습니다. 변수는 변수명 앞에 let 또는 const를 붙여서 사용합니다. let은 변할 수 있는 값을 선언할 때 사용... 사전스터디JavaScriptJavaScript 자기소개페이지 제작기 HTML CSS JavaScript JQuery 내비게이션 바는 레몬 아이콘으로 보이다 보니 마우스를 올렸을 때 어떤 영역인지 설명글이 나오면 좋겠다고 생각해서 찾아보니 툴팁(tooltip) 이라는 개념을 새롭게 알게 되었다! 처음에 title를 사용해서 만들어줬는데 생각보다 맘에 안 들어서 결국 그냥 CSS로 만들었다. CSS 적용 👇🏻 뚝뚝 끊기듯이 이동해서 좀 더 부드럽게 넘어가게 하고... 미니프로젝트사전스터디미니프로젝트 [3주차] 자바스크립트의 배열과 반복문 배열이 필요한 이유를 설명할 수 있다. 배열의 인덱스를 활용하여 원하는 요소에 접근할 수 있다. 다차원 배열에서 원하는 값에 접근할 수 있다. 자주 사용하는 배열 메서드의 종류를 알고 사용할 수 있다. 반복문과 배열을 활용해서 배열의 값을 조작할 수 있다. 배열을 통해 여러개의 데이터를 한 곳에 저장할 수 있습니다. 하나의 배열내에 문자 뿐 아니라 숫자, 객체, 함수 등 여러 자료형의 데이터... 사전스터디JavaScriptJavaScript k 2 - JavaScript 06. 반복문 반복문(lteration statesments)이란 동일한 동작을 조건(횟수)을 만족할 때 까지 반복해서 수행하는 개발자의 수고로움을 덜어주기 위해 탄생했다. 'HelloWecode'를 10번 출력하고 싶을땐 어떻게 할까🤷♂️? 3. 반복문을 활용하여 총 10번(조건을 만족할 때까지)을 콘솔로그로 문장을 찍어내도록(수행하도록)한다. 1> 초기 상태(let step = 0) : 선언 할 co... WeCode위코드사전스터디WeCode 21. 1. 11 수강 과목 : Git 이론 수강 콘텐츠 : 생활코딩 Git강의 정리 <브랜치와 충돌> 브랜치 기본 사용법 작업한 로그들 한 줄로 보기 좋게 나열 후 apple 이라는 브랜치 만듦 현재는 *master 라는 브랜치에 소속되어 있는 상태. 여기서 브랜치를 추가하다가 만일 새로운 커밋을 한다면? -> 기존 작업들은 브랜치들과 같이 있고, 새 작업만 마스터 브랜치에 위치한다. 으로 브랜치를 왔다 갔... TILgit사전스터디TIL k 1 - JavaScript 04. 조건문 *🔐Study Keyword : 🔑조건문에 대해서 알아보자아! -WHAT IS❓ 조건문? 만약 (조건이) 참이라면 ~A, 만약 (조건이) 거짓이라면 ~B와 같은 구조로 이루어져있는 문법이다. 조건문이 참이면 ~A가 실행되고 거짓이면 B가 실행되는 원리이다. 🔅참고🔅) 조건문 - blooean 관계? 조건문은 조건이 참, 거짓(true, false)에 따라서 결과가 달라진다. 따라서 boole... WeCode위코드사전스터디WeCode TIL 06 | CSS Box model, Box sizing 개발자 도구를 통해 해당 페이지 확인 결과, html의 모든 요소들은 모두 box로 렌더링되어 표현되는 것을 알 수 있다. 일정한 형태의 model로 구성되어 있기 때문에 이를 box model이라고 한다. 아래와 같이 box model은 margin,border,padding,content 4개의 층으로 구성되어있다. box model의 구조는 다음과 같다. margin: 바깥 여백, 즉 ... 사전스터디webCSSTILCSS 항해 사전스터디 회고록 사전강의에서는 javascript는 거의 조금나오고 대부분 jquery를 이용하여 작업을 하게되는데 우리 스터디에서는 vanila javascript를 이용해서 한번 해보자는 말이 나왔고, 나 역시 jquery보다는 바닐라 자바스크립트를 이용하여 하는 것이 실력향상에 조금 더 도움이 되겠다는 생각이 들어서 찬성하였고 수업에 나온 코딩을 자바스크립트로 풀어서 해보는 시간을 가졌다. 그리고 각자... 사전스터디pythonmongodb미니프로젝트JavaScriptjquery항해99FlaskCSShtmlCSS TIL 03 | HTML Form Tags form: 사용자로부터 특정한 정보나 데이터를 받고자 할 때 사용(이때 사용자는 client, 데이터를 받는 쪽은 server를 뜻함. method = "GET" : url에 사용자 정보가 담겨서 전송, 전송할 수 있는 정보의 길이가 제한됨, 퍼머링크로 사용됨(퍼머링크: 정보를 식별하는 고유의 식별자, 고유의 주소 체계를 뜻함). method = "POST" : url 상에 전달한 사용자 정... formwebhtml사전스터디TILTIL 21. 1. 22 <어제자 생활코딩 python과 웹으로 홈페이지 조작하기 복습> Query string 값을 파이썬의 값으로 알아내는 방법 중 코드 변경 (전) (후) id 값 value 가져오는 과정에서 id 키를 찾을 수 없는 에러 해결. Form : 사용자가 추가할 수 있는 것 만들어보기 : 정말 오탈자 조심하자. " 하나를 못 잡아내서 1시간 버렸다. 덕분에 알아낸 것 : 404 에러 중 type이 ... webpython사전스터디TILTIL JavaScript💡:: 변수, 반복문, 조건문 문자열이라 함은 문자 하나하나가 연결되어 하나의 표현을 이루는 데이터를 말하는 것 true, false값을 가지는 논리 데이터 타입 초기화(선언) 되지 않았거나 값이 할당되지 않았음을 나타내는 값 변수(Variable)는 (문자나 숫자 같은) 값을 담는 컨테이너로 값을 유지할 필요가 있을 때 사용한다. ○변수의 선언 var 사용 시 주의할 점! Strict Mode를 사용하면, 예를 들어 암... 반복문조건문JavaScript변수사전스터디TILJavaScript Dev 공부 시작!! 2021년 3월 3일 부트캠프 Wecode 사전스터디를 시작으로 본격적인 개발공부가 시작되었다! 처음에는 Github pages로 블로그를 개설하려고 이것저것 건드리는데.. 생각보다 많은 공부량에 적지않은 당황을 하고 말았다ㅎ 결국 velog로 오게 되었지만,, Wecode에서 공부한 이후에 차근차근 공부해도 늦지 않을 것 같다!! (선택과 집중!! 뚜둔) Github로 협업도 하고 블로그도... 시작WeCode일상주절주절사전스터디블로그WeCode k 1 - JavaScript Intro 01_콘솔로그 & 02주석처리 *🔐Study Keyword : 🔑출력과 🗝️주석에 대해서 알아보자 WHAT & WHY❓ 출력은 값을 찍어내는 행위로 눈에 보이도록 화면에 나타나는 것을 의미한다. HOW TO USE❕❓ -문자열 자료형과 숫자형 자료형이 더해지면 자동으로 문자열 자료형으로 변환됨에 주의하자! WHAT & WHY❓ 주석은 코드를 설명하는 코멘트로 실제 동작하는 코드가 아니다. -HOW TO USE❕❓ -한 줄... WeCode사전스터디위코드WeCode k 1 - JavaScript 02. Variables ✅: 🔑변수(선언 및 할당)와 🗝️변수의 데이터 타입(기본, 참조형)에 대해서 알아보자아! -WHAT IS❓ 변수란 데이터를 담아서 사용할 수 있는 대상을 의미한다. 변수란 데이터를 담아서 사용할 수 있는 대상을 의미한다. 자바스크립트에선 변수를 사용하여 특정한 값(데이터)을 저장할 수 있습니다. -변수 선언하는 것과 값을 대입하는 것은 별개이므로 값을 할당할 때 대입연산자(=)를 사용하는데... 위코드WeCode사전스터디WeCode 21.2.10~11 <코딩도장 심사문제 다시 풀며 확인한 것> 정말 많이 까먹었다. 다른거 한다고 감이 많이 죽은 것 같다. 다시 공부해야겠다. 심사문제 22.10 append와 pop 이용하기 계속 막혔던 것 : int는 iterable하지 않다고 하는데 계속 반복문을 돌리려고 했던 점. 심사문제 19.6 그래서 for j 반복문도 두 번이나 했던 것임.(양 옆) 그러니 i, j 크기 비교에 따라서 별줄이 길... 코딩도장python사전스터디TILTIL [1주차] HTML과 CSS 개념 익히기 CSS의 다양한 스타일 속성을 익히며 HTML 요소에 직접 적용할 수 있다. .html 파일과 .css 파일을 연결시킬 수 있다. 2. HTML, CSS, JavaScript의 관계 3. .html, .css, .js세 종류의 파일을 연결하는 방법 두가지 방법 중 <link> 태그를 사용하는 것이 속도가 더 빠르기 때문에 대부분은 <link> 를 사용한다. HTML 파싱이 완료 되기 전에 s... 사전스터디사전스터디