전체 글 (50) 썸네일형 리스트형 백준)10869 사칙연산 js 문제 두 자연수 A와 B가 주어진다. 이때, A+B, A-B, A*B, A/B(몫), A%B(나머지)를 출력하는 프로그램을 작성하시오. 예제 입력 1 7 3 예제 출력1 10 4 21 2 1 제출 답안 let fs = require('fs'); let input = fs.readFileSync('/dev/stdin').toString().split('\n'); let a = Number(input[0].split(' ')[0]); let b = Number(input[0].split(' ')[1]); console.log(a + b); console.log(a - b); console.log(a * b); console.log(parseInt(a / b)); console.log(a % b); ✏️ 나누.. 백준)10998 A×B js 문제 두 정수 A와 B를 입력받은 다음, AxB를 출력하는 프로그램을 작성하시오. 예제 입력 1 1 2 예제 출력1 2 제출 답안 let fs = require('fs'); let input = fs.readFileSync('/dev/stdin').toString().split('\n'); let a = Number(input[0].split(' ')[0]); let b = Number(input[0].split(' ')[1]); console.log(a * b); ✏️ 숫자 사이 공백을 기준으로 문자 받아오기 - split(' '); - string.split() : 문자열을 잘라서 저장 ✏️정수로 변경해주어야 됨! - parseInt, Number 사용하기 백준)1000 A+B js 문제 두 정수 A와 B를 입력받은 다음, A+B를 출력하는 프로그램을 작성하시오. 예제 입력 1 1 2 예제 출력1 3 제출 답안 let fs = require('fs'); let input = fs.readFileSync('/dev/stdin').toString().split('\n'); let a = Number(input[0].split(' ')[0]); let b = Number(input[0].split(' ')[1]); console.log(a + b); ✏️ 숫자 사이 공백을 기준으로 문자 받아오기 - split(' '); - string.split() : 문자열을 잘라서 저장 ✏️정수로 변경해주어야 됨! - parseInt, Number 사용하기 [html/css] 로그인 페이지 만들기2 글래스 느낌의 로그인 페이지 구현하기 01 예제 디자인 02 마크업 해보기 Good Morning Welcome back! 뒤로가기 Log in Email Password Remember ID Log in Forgot Password? Don't have an account? Sign up 03 CSS 적용하기 @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap'); * { box-sizing: border-box; padding: 0; margin: 0; } body { width: 100%; height: 100vh; font-family: 'Roboto', sans-serif; font-s.. [figma 실습] 로그인 페이지 만들기 글라스 느낌의 로그인 페이지 만들기 디자인하면서 고려한 부분 - 이메일 및 패스워드 유효성 검사 시 오류가 날 경우 문구 생성 - 문구가 생성되면서 늘어나는 container 크기는 어떻게 처리할지? - 이메일 및 패스워드 작성 시 해당 내용 전체 삭제 버튼 만들기 로그인 페이지 메인화면 input에 focus 이벤트 발생 시 - input : border 색상 변경(#FF6E84) - icon : color 변경(#FF6E84) - text color : #444444 input에 onkeypress() 이벤트 발생 시 - input의 value 값을 전체 삭제해 주는 'x' 버튼 'display : block'; - input의 value 값이 전체 삭제될 경우 'x' 버튼 'display : no.. [javascript]회원가입 페이지 구현하기 회원가입 페이지 구현하기 [Javascript] 구현할 내용 1. 핸드폰 번호 기입 시 자동으로 다음 칸 넘어가기 2. 핸드폰 번호 전체 기입 시 인증번호 전송 버튼 활성화시키기 / 토큰 생성 후 화면 표출 / 3분 타이머 시작 / 인증완료 버튼 활성화 3. 3분 이내 클릭 시 '인증 완료' alert 창 생성 / 3분 지나면 전체 초기화 4. 가입하기 버튼 클릭 시 전체 유효성 검사(오류 메시지 표출) 5. 검증 완료 후 가입 축하 메시지 alert 창 생성 1. 핸드폰 번호 기입 시 자동으로 다음 칸 넘어가기 1) 핸드폰 번호 칸 [3자리]-[4자리]-[4자리] 2) 핸드폰 번호를 담는 변수 3) input 안의 value값을 확인해서 자릿수 조건을 만족하면 다음 칸으로 이동 - 각 칸의 숫자의 길이.. Figma - 무엇이든 해제하기[인스턴스, 오토레이아웃, 그룹] 01 인스턴스 해제하기 #. 기본 지식 컴포넌트 = 부모 인스턴스 = 자식 컴포넌트를 복사하면 인스턴스가 됩니다. 인스턴스는 컴포넌트가 변경되면 영향을 받습니다. 인스턴스를 해제한다는 건 부모의 영향을 받지 않고 일반 frame으로 돌아가겠다는 말! *컴포넌트 생성 : Ctrl + Alt + K *인스턴스 해제 : Ctrl + Alt + B 02 오토 레이아웃 해제하기 *오토 레이아웃 생성 : Shift + A *오토 레이아웃 해제 : Alt + Shift + A 03 그룹 해제하기 *그룹 생성 : Ctrl + G *그룹 해제 : Ctrl + Shift + G [일러스트]오브젝트 잠금을 풀어도 움직이지 않을 때/잠금해제(Lock) 오브젝트 잠금을 풀어도 움직이지 않을 때 확인사항 01. ctrl + alt + 2 눌러서 전체 잠겨져 있는 오브젝트를 해제한다. 02. 레이어 창을 확인한다. 외부에서 일러스트 파일을 받았을 때, ctrl + alt + 2로 전체 잠금을 풀었는데도 대지의 요소들이 움직이지 않아서 당황한 적이 있습니다. 매우 쉽고 기본적인데도 잠금 해제가 안 되니 당황하게 되면서 저절로 보지 못하는 것이 있는데요, 바로 레이어 확인입니다. 외부 파일을 받았다는 가정으로 차례로 확인해보겠습니다. 1. 파일을 받았다면 먼저 F7을 눌러 현재의 레이어 상태를 확인해줍니다. 2. Hello와 뒤 배경이 다른 레이어로 나누어져 있음을 확인합니다. 3. ctrl+alt+2 눌러 모든 레이어를 잠금 해제시켜줍니다. 4. 잠겨있던 오.. 이전 1 ··· 3 4 5 6 7 다음
