Ch.Covelope

Javascript for문 문제풀이(실습해보기) 저번 포스팅에 이어서 포문으로 풀어 볼 수 있는 문제(난이도 없음)를 풀어볼 건데 문제라기보다 그냥 for문을 이해하기 위한 실습 정도라고 생각하면 될 거 같다. 글씨 거꾸로 순차적으로 출력하기. let s = 'hello world' // s 라는 변수에 텍스트를 할당한다. for (let i = s.length; i >= 0; i--) { //1. 초기값 에 텍스트의 길이만큼을 할당하고 //2. i 가 0 보다 크거나 같으면 반복문을 마친다. //3. i-- 로 1씩 감소된다. //// 텍스트의 길이가 10이고 1씩 감소되면서 반복된다. console.log(s[i]) // 초기값의 할당된 텍스트의 길이가 10이고 할당된 텍스트를 인덱스로 봤을때는 9..

자바스크립트 js 반복문 반복문에는 여러가지 방법으로 방법 문들이 존재하다. 자바스크립트에서 지원하는 반복문 for 문 do...while 문 while 문 레이블 문 break 문 countinue 문 for..in 문 for...of 문 for 문을 활용해서 다양한 값 구해보기. 오늘은 많은 반복문들 중에서 for 문을 활용하여 몇 가지 기초적인 실습 예제를 해볼 예정 인다. for 문을 처음 이론으로 들었을 때는 그냥 원하는 걸 반복해서 결괏값을 얻는 아주 쉽게 정의된 느낌이었는데 역시나 실제로 코드로 뭔가 써보니 나한테는 모든 부분들이 생소하고 어려웠던 거 같다. 100까지의 3의 배수와 5의 배수를 더한 값을 구한다. let result = 0; for (let x = 0; x < 101; x+..

Javascript 변수 어플리케이션에서 값에 상징적인 이름으로 변수를 사용합니다. 변수명은 식별자(identifier)라고 불리며 특정 규칙을 따릅니다. JavaScript 식별자는 문자, 밑줄(_) 혹은 달러 기호($)로 시작해야 하는 반면 이후는 숫자(0-9)일 수도 있습니다. JavaScript가 대소문자를 구분하기에, 문자는 "A"부터 "Z"(대문자)와 "a"부터 "z"(소문자)까지 모두 포함합니다. ISO 8859-1 혹은 Unicode 문자(가령 å 나 ü)도 식별자에 사용할 수 있습니다 또한 Unicode escape sequences 도 식별자에 문자로 사용할 수 있습니다. 자바스크립트에서의 변수와 값(데이터)은 각각의 메모리상의 저장되고 변수는 할당된 값(데이터)를 가르킨다(바라본다)...

오늘의 집 시니어 개발자 조은님의 특강. 오늘은 멋사에서 준비한 많은 특강들 중에서 오늘의 집에서 시니어로 계신 프론트엔드 개발자 조은님의 특강에 대해서 짧게 포스팅합니다. 일단 2016 년 조은님이 본인이 생각했을 때 프론트엔드(front-end)개발자 로써 알아야 하는 기초지식을 보면 이렇게 많다... 이게 기본지식이며 이외에도 많다는 걸 알 수 있는데 나는 지금 HTML , CSS 그리고 약간의 sass와 엊그제부터 시작된 Js (자바스크립트) 마지막으로 아주 얇은 지식들이다... 앞길이 멀어 보이지만 각설하고 특강에서 나온 내용들을 요약한 내용들은 소개하면 1. 개발만 잘하는 개발자는 좋은 개발자가 아니다. 문제를 인식하는 능력 (문제 정의 능력) 문제를 해결하는 능력 협업을 위한 그리고 대인관계..

IDE ? IDE (Integrated development environment) 통합 개발 환경 이란 코딩, 디버그, 컴파일, 배포 등 프로그램 개발에 관련된 모든 작업을 하나의 프로그램 안에서 처리하는 환경을 제공하는 소프트웨어다. 최근의 통합 개발 환경(IDE)은 그래픽 사용자 인터페이스(GUI) 응용 프로그램 개발용 고속 개발 도구가 많다. 자세한 내용은 아래 링크에 기재되어 있다. https://ko.wikipedia.org/wiki/%ED%86%B5%ED%95%A9_%EA%B0%9C%EB%B0%9C_%ED%99%98%EA%B2%BD 통합 개발 환경 - 위키백과, 우리 모두의 백과사전 통합 개발 환경 위키백과, 우리 모두의 백과사전. ko.wikipedia.org 이번 수업에서는 goorm 의..

셀렉트 박스 만들기. 기존의 셀렉트 박스는 태그와 태그로 함께 사용되며 디자인 자체가 없다? 고 볼 수 있을 정도로 심플하다. 근데 저 상태에서 디자인을 커스텀 하기에는 한계가 있어서 기존의 태그를 사용하는 게 아니라 button 태그와 ul, li 그리고 약간의 Javascript 를 사용하여 커스텀할 수 있다. 아래는 아무것도 하지 않고 기존 방식으로 만든 셀렉트 박스이다. ul , li에서 셀렉트 박스 같은 효과를 주려면 ul의 기본 스타일은 display:none으로 안 보이게끔 만들어 주고 on 이 되었을 때 아래처럼 나올 수 있게 만들어 줘야 한다. 그건 자바스크립트로 버튼을 클릭했을 때 ul 이 on이 될 수 있도록 짜면 되는데 아직 자바스크립은 배우지 않아서 강사님이 짜주신 코드를 사용하여..