코딩기록 : 리코딩(LeeCoding)

HTML과 CSS 배웠던 내용을 기록해보자! HTML은 HyperTextMarkupLanguage의 약자인데.. 뭐... 단어 시험 칠꺼는 아니니까...중요한 것은 'HTML은 웹페이지 틀은 만드는 마크업 언어'라는 점이다! 호뮤ㅔ이지를 만들 때 가장 기본적인 언어라고 생각하면 될 것 같다. 그리고 모든 코드가 그렇지만 봤을 때 '보기 좋게, 깔끔하게, 구조적'으로 짜는게 좋다! (보기에도 좋은게 먹기에도 좋다고들 하자너~) HTML은 ''로 끝나는 '태그(tag)'를 활용하여 작성한다. 그리고 태그는 꼭 짝을 지어줘야한다! 예시를 봅시다~ 사이에는 document title, 외부파일 참조, meta데이터 등이 작성되고, 이 정보들은 브라우저에는 나타나지 않는다! 그리고 웹브라우저에 나타나고 표현괴는 ..

수학 메서드를 활용하는 문제들을 다루었거든~~~ 그래서 리코딩 해보자! 난 이과야. 수학은 싫어 과학이 좋아! 각설하고! 수학 메서드 중에 다루었던 것을 기록해보자! 첫번째 메서드! .abs 백문이 불여일견 '코드'로 살펴보자! Math.abs(5) // 5 Math.abs(-5) // 5 따란, Math.abs(숫자) 괄호안에 숫자를 넣으면 절대값을 씌운뒤에 값을 반환해준다! 두번째 메서드! .max / .min 음 대충 느낌이 오는데...?! Math.max(7, 77, 7777, 777); /// 7777 Math.min(7, 77, 7777, 777); /// 7 Math.max또는min(숫자1, 숫자2, 숫자3, .....) 그중에서 가장 큰값 또는 작은 값을 반환해준다. 세번째 메서드! .po..

문자열에 대해서 기록해보자! 문자열 데이터는 다음과 같이 문자나 숫자를 ' ' 작은따옴표나 " "큰따옴표로 감싸고 있다. (화려한 조명이~) 1 + 1 // 2 1 + '1' // 11 7777 + 7 // 7784 7777 + '7' // 77777 개발자 도구에서 위와 같이 작성하면 // 뒤의 값으로 나온다. (컴퓨터 너무 귀여워) 이전에도 말했지만 정확하게 구분해서 표현을 해주어야 한다. 문자열은 메소드... 메서드..(method)를 활용하는 것을 배웠는데 기록하면서 다시 복습! 첫번째 메서드! length let word = 'BreezeBM'; word.length // 8 위의 코드를 보면, word를 선언하고 문자열을 할당해 주었다. 그리고 .length를 사용하면 그 문자열의 길이를 알려..

오늘은 조건문을 기록해보자! 두둥탁! 조건문은 조건식이 'true(참) 또는 false(거짓)'인지에 따라 달라집니다. 이번에 배운 조건문은 'if / else if / else' 세가지를 배웠습니다! 먼저 if문을 기록해보자! if문은 조건식을 만족(true)일 때만 중괄호 안에 작성한 코드를 실행하게 된다. if (조건식) { blah blah 코드 } 예시를 먼저 살펴 보자면, let num = 30 if (num < 1000) { // 조건식이 만족(true)되었다! console.log('Good'); } // 'Good' 조건식을 만족 시켜 주었기 때문에 if문 안에 작성한 코드가 실행되었다. 반대로, 조건식을 만족시켜주지 못하면(false) 코드는 실행되지 않는다. 이 때 나는 falsy값을..

오늘은 '연산자'에 대해서 기록해보자! 뭔가 개인적으로 연산자라는 단어가 촥 와닿지 않는다랄까.... 순우리말로 좋은 표현이 없을까..? 연산자는 우리가 초등학교때 배운다. 선생님이 칠판에 문제를 촤라락 빛의 속도로 써내려 가시고 행여나 오늘 날짜 === '나의 번호'가 아니길 조마조마 했던 기억이 난다. (꼭 날짜에 더하기 1을 왜 하는 건지.....) '산술연산자'는 더하기, 빼기, 곱하기, 나누기, 나머지가 있습니다. 종류 표현 설명 + A + B 더하기 - A - B 빼기 * A * B 곱하기 / A / B 나누기 % A % B 나머지 나는 처음에 나머지를 처음봐서 낯을 좀 가렸다.. Let num1 = 5 let num2 = 2 let result; result = num1 % num2; // ..

오늘은 '타입(Type)'에 대해서 기록을 남겨본다. 자바스크립트에서는 모든 '값(value)'은 각자의 타입을 가지고 있다. 우리는 우월한 인간이기 때문에 숫자와 문자를 구분하지 않고 이해하고, 알아서 구분할 정도록 똑똑(?)하다. 하지만 컴퓨터는 상황과 문맥을 이해하는 능력이 없다. 예를 들자면! '일요일 아침에 일찍 일어나는 새가 더 피곤하다.'; 이러한 문장이 있는데, 컴퓨터에게 숫자를 구분하는 방식을 알려주었는데... '1요1 아침에 1찍 1어나는 새가 더 피곤하다.'; 세상에나....... 하나부터 열까지를 다 세세하게 알려 줘야한다.... 즉, 모든 값에 타입을 정해주고, 알려주고 달래주어야 한다. 우리는 컴퓨터에게 문자라는 것을 인식 시켜 주어야 한다. 그러기 위해서는 작은따옴표( ' )와..

함수... 초.중.고등학교를 지내면서 가장 싫었던 내용이 함수였던 것 같다.... 각설하고 우리는 새로운 소프트 웨어를 만들기 위해서, 또는 조금 더 좋은 앱과 프로그램을 위해, 문제를 해결하기 위해 늘 고민해야한다. 문제를 어떻게 해결할지에 대한 고민을 '알고리즘'이라고 한다. 그리고 '함수(function)'는 이러한 문제 해결을 위한 고민을 논리적으로 풀어내는 하나의 단위이다. 수학시간의 배운 함수는 x라는 독립변수를 정해놓은 함수에 들어가면 y라는 결과, 종족변수가 나오는 개념이다. 코딩에서도 마찬가지 이다. '매개변수'를 받아서 '잘짜여진 코드(함수)'를 통해서 결과를 얻어내는 과정이다. function getDistance(speed, time) { let distance = speed * t..

첫 기록은 처음에 배운 변수에 대해서 기록하려고 합니다. 변수(Variables)는 '변할 수 있는 값을 의미'합니다. 변수는 컴퓨터 메모리에 자리를 잡게 되고, 값을 넣을 수 있습니다. 변수가 자리잡는 동작을 '선언(Declaration)'이라고 합니다. 변수를 선언하기 위해서는 주로 'let'을 사용합니다. ('var'와 'const'도 있지만 차차 기록해 봅시다.) let vlogName; vlogName = 'LeeCoding'; 위에 코드를 보시면 첫번째 줄에 vlogName이라는 변수를 선언해주었습니다. 그리고 변수에 값을 LeeCoding이라고 '할당'해주었습니다. '='연산자는 주로 보통 우리는 '같다'라는 의미로 쓰입니다.(하지만 코딩의 세계에 들어온 순간 잊으십시오) 하지만 자바에서는 ..

오늘부터 배운 공부의 내용을 기록해보려고 합니다. 물론 하루 하루 배운 것을 소화하고 기록할 수 있다면 좋겠지만... 조금 더 다듬고 고민해보고 '나의 것'이 되었을 때 잘 기록하고 싶습니다. 왜 레코딩이 아니고 리코딩인가!?!? 태어 났을 떄 부모님께서 저의 이름을 선언(const)하시고 이씨라는 성을 할당(assign) 받았는 지라... 그러다 보니 줄곧 영어로 'Lee'라서 '언!어!유!희!를 해보았습니다. 생각해보면 지금 시대에는 '이'씨 성을 가진 사람들이 영어로 'Yi' || 'Rhee' 사용하시는 것을 보았습니다! 그렇다고 바꾸기에는 뭐랄까 이미 너무 많은 곳에 영어이름을 'Lee'라고 뿌려놨습니다! 얼마나 자주 포스팅을 하실 건가요?!?! 명석한 두뇌를 가져서 개념 하나하나를 이해하고, 배..