자바스크립트 기초
자바스크립트란? - 웹 페이지에 움직임을 불어넣기 위해 만들어진 프로그래밍 언어 - 브라우저한테 명령을 내리는 '표준' 기초문법 1 1. 개발자 도구 사용하기 버튼 이름 - 간단한 웹페이지 만들기 - 부트스트랩 가져다 쓰기 에서 만들었던 웹사이트 html에 적용해 보면, function hey(){ console.log('안녕하세요') } 홈 >'홈'버튼을 눌렀을 때 onclick 이벤트가 실행되면서 hey(함수의 이름. 아무거나 해도 된다)함수가 적용된다. 웹사이트에 들어가 마우스 우클릭>검사>콘솔에서 새로고침을 해보면이렇게 콘솔에 잘 뜬다. * 콘솔이란 : 코딩한 것이 맞게 출력되는지 확인하기 위해 개발자들이 미리 찍어보는 도구. 2. 변수 & 기본 연산 ..
내가 React 트랙에 참여한 계기는 무엇인가요? - UX/UI 수업을 들었었는데 거기에서 html, css를 배웠습니다. 코드를 작성하여 웹페이지를 만드는 것이 매우 재밌다고 생각했고 친구가 국비 부트캠프 강의를 수강하여 벡엔드 개발자로 일하는 것을 보고 나도 전문직이 한번 되어 보고 싶다라고 생각했습니다. 벡엔드보다는 눈에 보이는 결과가 있고 디자인적 적성을 살릴 수 있는 프론트엔드가 낫다고 주변에서 추천받았고 저도 프론트엔드가 더 적성에 맞을 것 같아 React 트랙에 참여하게 되었습니다. 2. 내가 이해한 개발자는 어떤 역할을 하는 사람인가요? - 웹, 앱, 게임 등 전반적인 소프트웨어의 틀을 짜고 기능을 구현하는 사람 3. 개발을 경험해보셨나요? 해보셨다면 어떤 경험을 하셨는지..
코딩테스트 - 두 수의 몫 구하기 풀이 과정
1. 저번 포스트 두 수의 차 구하기를 바탕으로 몫을 구했다. - 두 수의 차 구하기 코드function solution(num1, num2){ //입력 값이 제한사항을 벗어나는지 확인한다. if (num1 50000 || num2 50000 ) { return "입력 값이 제한사항을 벗어났습니다."; } //num1에서 num2를 뺀 결과를 계산 var answer = num1 - num2; //결과를 반환 return answer;} 위의 코드를 바탕으로 만든 두 수의 몫 구하기 코드function solution(num1, num2) { if (num1100 || num2100) { return "입력 값이 제한사항을..
간단한 웹페이지 만들기 - 부트스트랩 가져다 쓰기
1. 부트스트랩이란? - 예쁜 css를 미리 모아둔 홈페이지https://getbootstrap.com/docs/5.3/getting-started/introduction/ Get started with BootstrapBootstrap is a powerful, feature-packed frontend toolkit. Build anything—from prototype to production—in minutes.getbootstrap.com 2. 부트스트랩 사용하기 위한 환경 세팅 - 해당 코드를 먼저 head에 넣어야 부트스트랩이 제대로 작동한다. 3. 부트스트랩을 이용해 예쁜 웹사이트 만들기 3-1. 간단한 와이어프레임을 작성하여 웹사이트의 틀을 만들었다. 3-2. 부트스트랩에서 최대한 ..
문제 설명정수 num1과 num2가 주어질 때, num1에서 num2를 뺀 값을 return하도록 solution 함수를 완성해주세요. 제한사항-50000 ≤ num1 ≤ 50000-50000 ≤ num2 ≤ 50000 1. num1-num2를 뺀 값의 함수function solution(num1, num2) { return num1 - num2;} - 'function colution(num1, num2) {,,,} 는 'solution'이라는 이름의 함수를 정의한다. 이 함수는 'num1'과 'num2' 라는 두 개의 입력을 받는다. - 'return num1 - num2;'는 'num1'에서 'num2'를 뺀 결과를 반환한다. 2. 제한사항(조건문) 추가function solution(num1,..
로그인 페이지 만드는 방법(html, css 활용)
html 적용1. 기본 html 5 형식을 준비한다. 2. 로그인 요소에 필요한 태그 찾기 - 태그를 찾을 땐 외우지 않고 구글링으로 충분하다. -기본 html5형식에 코드를 적용한 예시 로그인 페이지 ID : PW : 로그인하기 css 적용1. div를 활용해 구역 나눠주기2. div에 이름 붙여주기 로그인 페이지 ID : PW : 로그인하기 -div에 mytitle 이라는 class를 붙여주어 특정할 수 있게 했다. 3. head에 style 태그를 넣어 css 적용하기 로그인 페이지 ID : PW : 로그인하기3. 태그를 이용하여 css 꾸미기 ..