현우의 개발상자

Findings (배운 점) JS 산술 연산 덧셈 X + Y 뺄셈 X – Y 곱셈 X * Y 제곱 X ** Y 나눗셈 X / Y 나머지 X % Y Number 관련 메서드 ParseInt() parseInt() 함수는 문자열을 정수로 변환하는 데 사용되는 함수이다. 이 함수는 주어진 문자열에서 숫자 부분만 추출하여 정수로 변환한다. 간단히 말하면, parseInt() 함수는 문자열 안에 숫자가 있을 경우 그 숫자만 추출하여 정수로 변환해 준다. 또한 parseInt()는 소수점 숫자를 정수로 변환할 때에는 소수 부분을 버리게 된다. toString() 숫자를 문자로 형변환을 할 때 사용 Math.sqrt() 함수 인자로 값을 넘겨주면 루트 값을 반환한다. 만약 매개변수가 음수이면 NaN을 반환한다. Ma..

Findings (배운 점) Javascript란 HTML을 프로그래밍으로 제어한다. 웹브라우저가 해석해서 실행할 수 있는 유일한 프로그래밍 언어 요즘에는 게임프로그래밍, 서버프로그래밍 등 다양한 분야에서 쓰이고 있음. 개발할 때 사용하면 편리한 브라우저 기능들 window.alert() : 브라우저에 메세지 다이얼로그를 띄웁니다. window.prompt() : 브라우저에 사용자의 데이터를 입력받을 수 있는 입력 창을 띄웁니다. window.confirm() : true 혹은 false 값을 반환하는 다이얼로그를 띄웁니다. console.log() : 콘솔창에 로그 메세지를 보여줍니다. console.error() : 콘솔창에 에러 메세지를 보여줍니다. console.table() : 콘솔창에 데이터를..

css를 총 정리하면서 새롭게 알게 된 부분과 css만을 이용하여 캐릭터를 실습한 결과물과 느낀점을 적어보고자 한다. Findings (배운 점) SVG 확장 가능한 벡터 그래픽(scalable vector graphics)으로 XML 기반의 2차원 그래픽이다. HTML 태그의 집합으로 이루어져 있다. 즉, css와 javascript로 컨트롤이 가능하다. 장단점 장점 확대: 아무리 확대를 해도 이미지가 깨지지 않는다. 용량: 이미지의 크기를 키워도 용량이 늘어나지 않는다. 단점 용량: 코드로 이루어져있다보니, 복잡한 이미지의 경우 파일사이즈가 커진다. ➡️ 단순한 아이콘, 로고, 도형 등을 구현할 때 많이 사용한다. 사용방법 1. 이미지 태그로 사용하기 2. CSS background 배경으로 넣기 b..

자바스크립트를 배우기 전 전반적으로 간단하게 여러 가지를 배웠다. 배운 개념과 강의를 통해 진행한 실습을 기록해보려 한다. Findings (배운 점) Math.random() 컴퓨터 프로그램에서 사용되는 랜덤한 숫자를 만들어주는 마법상자와 같은 함수이다. 간단하게 표현하자면, math.random()은 숫자를 랜덤으로 선택한다. 호출할 때마다 매번 다른 숫자가 나오며, 그 숫자는 0과 1 사이의 소수일 수 있다. Math.random() 함수에 * 연산자를 사용하면 반환되는 랜덤 한 숫자의 범위가 변화한다. 간단하게 말하면, Math.random()의 결과에 *를 사용하여 숫자를 조절하면 랜덤 한 숫자의 크기를 바꿀 수 있다. // Math.random()에 * 연산자를 사용하여 랜덤한 숫자의 범위 바..

Apply (적용) 오늘도 지난번과 같이 실습한 내용을 올리고 느낀 점을 적고자 한다. My Bucket List Travel all around the world Try a profession in a different field Try a profession in a different field Achieve your ideal weight Run a marathon Feeling (느낀 점) 이번 실습은 이번주 진행한 과제들에 비해 쉬운게 느껴졌다. 물론 구현해야 할 것들도 훨씬 적고 레이아웃도 쉬워서인 이유도 있겠지만, 3주간 꾸준히 열심히 배우고 실습한 지식과 경험이 조금의 실력 상승을 이룬 것 같다. 매일 꾸준하게 배운내용에 대해 실습하고, 어려운 부분에 대해서 구글링을 하는 경험을 쌓는다면 ..

Apply(적용) 다음 주에 Javascript를 들어가기에 이번주는 HTML & CSS 실습으로 진행될 것이다. 로그인 또는 회원가입 위니브에서 여러분의 궁금증을 해결하세요! :) 아이디를 입력해 주세요 아이디 혹은 비밀번호가 일치하지 않습니다. 로그인 상태 유지 로그인 회원가입 아이디/비밀번호 찾기 구글 계정으로 로그인 페이스북 계정으로 로그인 네이버 계정으로 로그인 카카오톡 계정으로 로그인 @import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css); * { box-sizing: border-box; margin: 0; padding: 0; font-family: "Spoqa Han Sans Neo", "sans-serif"; } in..

오늘 html&css 실습을 진행하다, class 선택자를 지정했는데 스타일이 적용이 안 되는 현상을 발견했다. // html // Original Cola 1000원 ================================================================== .box1_top div { border: 1px solid #b5b5b6; border-radius: 10px; box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.5); display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 5px; } // css가 적용됨 // .box1_top .it..

Apply(적용) 3주간 배운 html&css를 통하여 자판기 페이지를 만들어 봤다. Original Cola 1000원 violet Cola 1000원 Yellow Cola 1000원 Cool Cola 1000원 Green Cola 1000원 Orange Cola 1000원 잔액 1,000원 거스름돈 반환 입금 Original_Cola 1 Green_Coke 2 획득 소지금 25,000원 획득한 음료 Original_Cola 1 Original_Cola 2 Original_Cola 1 Original_Cola 5 총금액 : 9,000 원 @import url(//fonts.googleapis.com/earlyaccess/notosanskr.css); .notosanskr * { font-family: ..