PM과 BD, Backend 그 어느 사이

4. 함수 (2) return이 있는 함수 return의 정의 return은 함수의 실행을 종료하고, return문 뒤에 주어진 값을 반환합니다. 함수를 호출한 결과값은 console.log()로 확인할 수 있습니다. function multiplyTen(myNumber) { return myNumber * 10; } 위의 multiplyTen 함수는 myNumber 매개변수를 통해 받은 인자에 10을 곱하여 반환하는 함수입니다. 우리가 함수명을 multiplyTen이라고 지어줬을 뿐이지, y=10*x라고 return 식을 만들어줘야 하는 것과 같음 1. 함수의 결과값이 찍히기 위해서는 [들어가기 전에] → 이름 선언만 해놓고 내 이름이 화면에 뜨기를 기다렸기에 아무것도 안 나옴 → 화면에 뜨려면, co..

4. 함수 (1) : 정의, 호출 요즘은 함수 잘해야 함. 와 진짜 replit다 풀어오라는데 한명도 10명 이상 안함? function alertSuccess(month, name) { alert(month + "월의 당첨자는 " + name + "입니다."); } alertSuccess(3, "김개발"); 함수 내부에서 다른 함수 호출하기 function getTax(price) { return price * 0.1; } function calculateTotal(price) { return price + getTax(price); } → price를 변수로, calculateTotal 함수 내부에서 getTax를 또 호출했습니다. 함수가 실행되는 시점은 함수를 호출하는 순간 함수의 기본적인 정의 및..

2.데이터 타입 변수에 숫자만 넣어봤는데, 숫자 외에도 다양한 데이터/값 넣을 수 let myNumber2=200; console.log(myNumber2) 2-1. 기본형 데이터 1)Number 왼쪽 값과 오른쪽 값을 처리하여 하나의 값으로 만드는 연산자를 이항 연산자 이항 연산자 중에서 산수에 사용하는 연산자를 산술 연산자 let myNumber2 = 200; console. log (myNumber2) → 200 숫자니까 사칙연산 가능 (연산에 대한 결과 도출 가능→ 숫자라서 가능한 거) let myNumber1 = 100; let myNumber2 = 2; let myNumber3 = 200; let myNumber4 = 1; console. log (myNumber1 + myNumber4) → ..

1. Console alert() 함수는 사용자에게 안내하고 싶은 텍스트를 보여줬다면, console.log() 함수는 개발자가 확인하고 싶은 내용을 출력하는 함수 개발자가 확인하고 싶은 내용을 출력하는 console.log() 함수의 결과는 브라우저에 내장된 '개발자 도구' 를 통해서 확인 JS 가 출력하게 도와주는 것 (값을 화면에 띄어주는 것) console.log ( ) 괄호안에 출력할 대상, 값을 넣기 “콘솔 찍어봅시다" 특정한 값을 화면에 나타내 봐라 브라우저 안에 console탭이 있음 (오른쪽버튼, inspect 검사 , element옆에) *팁: javascript → relpit, jsbean 둘다 연습할 수 연습하다보면 에러 나는 거 있겠찌만, 고치려고 하지말고, 지우고 잘 되늰 것만..

Html, css 는 자주 하면 되는데 js 는 조급해지기 떄문에 일찍 시작하는게 좋아서 프리코스는 처음 보는 사람 목적이기에. 처음하는 사람 위주로 포커스 코드가 작성된 순서와 상관없이 요소를 원하는 위치에 두기 위해 → CSS position 속성을 사용하면 HTML 요소를 원하는 위치에 배치할 수 [CSS Position] Position 속성의 종류 position 속성에서 사용하는 값은 4개가 있습니다. 거의 사용하지 않는 static 을 제외한 나머지 세가지 속성에 대해 배워보도록 하겠습니다. position: static; position: relative; position: absolute; position: fixed; 1. position: relative; position: relat..

중요한 이유: 시각적으로 끌기 위해서, 더 잘 보여주기 위해서 Apple 이 css 가장 좋다니까 들어가 보시고 1. Html, css 가 다른 언어이기에 개발자가 한번 합쳐주는 게 필요함 방법 총 3개 1) Inline Style : 태그 안에 속성 부여 -> 어떤 스타일 먹일 건지 결정 —> 스타일이 먹여짐 ; 으로 이어붙여서 속성 여러개 연결 가능 문제점: 코드가 길어져서 개발자들이 알아보기 어려움 한눈에. 가독성 떨어짐 2) 해결법: Style 태그 태그 안에, 태그 만들어놓고, 의 style 속성 복사해서 옮기기, 바디 선택자에 style 속성은 지우고 p { color:red; backgroundcolor:black; font-weight:bold 1-1. Style 태그 왜 쓰게 됐는지 이유..

8/14 HTML Element = 태그 이름, 요소 위아래에 태그가 없으면, 인식을 못하기에 이렇게 해줘야함 Html 기본적 문법 HTML파일에 필요한 최소한의 태그는 아래와 같습니다. 앞뒤로 시작하고 끝나는 태그로 이루어짐 (그러지 않은 것도 있음; 시작과 동시에 끝나는 끝낼 게 없으니) 태그 안에 내가 쓰고 싶은 거 다 씀 이미지 텍스트 다 넣을 수 있는데 그에 맞는 태그로 알려줘야 총 150개 태그이지만, 다 암기 안 해도 됨, 적절하게 검색하면 됨 웹페이지는 평균적으로 32개 태그 사용됨 (가장 빈번하게 사용) (빈도율로 나열) 8/14는 32개 태그 중에 10개 배우고 CSS로 넘어갈 것 1. 웹사이트 만들기 Document 이게 한 세트, 단락, 화면을 쪼개서 생각! 태그는 웹사이트 화면에는..

개발자 종류 많은데, 우리는 웹개발자. 기획 (우리 이런 사이트 만들자) 돈 보내고 확인하게 하자=> 토스, 동네에서 중고거래하게 하자=> 당근 사이트 요소 (html 코드) 웹이 HTML 로 만들어져 있기에 프론트, 백엔드 모두 중요 HTML환경 세팅 웹브라우저: 크롬 (사파리 등) 웹 에디터: vscode (프로그래밍 언어 문법 맞게 코드 작성, 편집하는 프로그램) 오른쪽에 사람이 코딩을 쓰면 왼쪽 웹브라우저에 결과가 나옴 (Javascript, typescript 다운 후 -> setting > prettier quote > javascript quote style : single, type quote: single) 웹사이트 (div 태크 말고, section 태그 이용해서 나눌 것) Sectio..