운동과 개발

1. Web Standards (웹 표준) 은 어떤 필요성에 의해 등장 했을까? 1. 1990년대 초반, 인터넷이 상용화되기 시작하면서 웹 페이지가 등장 2. 당시에는 웹 페이지가 다양한 브라우저에서 동일하게 보이지 않았다. 몇 년전까지만해도 각각의 브라우저가 가지고 있는 장점 혹은 유리한 기능을 부각시키기 위해 경쟁을 목적으로 다른 브라우저와는 호환이 되지 않는 요소들을 사용하기도 했다. 이로인해 생겨난 문제점이 다른 브라우저까지 보여지는 화면이 다르다는 것 그 중에서도 각각의 의미에 맞는 요소의 무분별 이러한 문제는 웹 디자이너들과 개발자들이 웹 페이지를 만들 때 매우 어려움을 겪게 만들었다. 이런 문제점들 떄문에 1994년에 W3C(World Wide Web Consortium)이라는 공식 웹 표준..

1. HTML5 시멘틱 태그에 대하여 알아보자 1-0. HTML5란 무엇일까? HTML은 1993년 HTML 1.0이 팀 버너스리(Tim Berners-Lee)에 의해 고안되어 발표된 이후 해를 거듭하며 HTML은 발전에 발전을 거듭하였다. 그리고 1997년 HTML 3.2 및 HTML 4.0을 개발하면서 W3C에서 HTML의 버전을 관리하기 시작하였다.HTML5는 HTML 4.01과 XHTML 1.0, XHTML 1.1을 계승하는 차세대 웹 기술로 HTML 마크업이 1990년대 초 인터넷에 소개된 이래로 계속적으로 진화를 거듭해 왔다.기존에 존재하던 HTML의 한계를 극복하고, 기존 기술들의 설계를 개선하기 위해 W3C에서 HTML5라는 새로운 기술이 정의되었다.마이크로소프트, 모질라, 애플, 구..

내가 회사를 선택하는 기준 && 그리고 내가 가고싶은 회사 사수 존재여부 , 돈, 회사 서비스에 대한 나의 관심(자체 서비스 회사), 지역, 회사 분위기(수평구조), 이 중에서 가장 중요하게 생각하는것은 들어가고자 하는 회사의 서비스에 대한 나의 관심이다. 굳이 많은 직업중에, 비전공자로서 나를 개발의 세계로 이끈것, 개발자가 되기위해 많은 공부량이 필요하다는것을 알면서도 나를 개발의 세계로 이끈 것은, 만들고자 하는것을 컴퓨터 코딩을 통해 만들 수 있다는 것이다. 이게 나를 움직이게 만든 원동력이다. 프론트엔드 개발자로서, 관심있는 서비스, 제품에 대한 판매, 소개, 직접적인 서비스화면을 만들어 소비자와 소통하는것은 나에게 너무 매력적으로 느껴졌다. 사실 처음에는 내가 사용하는 앱 또는 웹의 회사, 스..

1. vs code내 Extensions에서 Code Runner을 다운받는다. 2. 기본적으로 window기준으로 control + alt + n 을 누르면 javascript 코드가 실행된다. 하지만 예전에 멀 잘못 만졌는지? 실행이 안되어 찾는데 시간이 조금 걸려, 다시 여기에 시간을 쏟지 않기 위해, 나와같은 상황의 사람들에게 도움이 되길바라며, 글을 작성. 1. vs code에서 control+ shift + p를 눌러 위 창을 띄운다. 2. 키워드인 keyboard검색후 -> Preferences: Open Keyboard Shortcuts를 눌러 들어간다. 3. runcode 검색 후 keybinding을 눌러 원하는 단축키로 바꿔준다. 4. 단축키로 javascript가 실행되는것이 확인된다.

(한줄정리) 정수값만 true 반환 사용법1. Number.isInteger(value) 1-1. 매개변수 value 정수인지 확인하려는 값 1-2. 반환 값 주어진 값의 정수 여부를 나타내는 Boolean (true or false 반환) NaN , Infinity 도 false를 반환한다. 예제 console.log(Number.isInteger(0)); //true console.log(Number.isInteger(533)); //true console.log(Number.isInteger(-343)); //true console.log(Number.isInteger('10')); //false console.log(Number.isInteger([1])); //false console.log(N..

나의풀이 -> includes()사용 function solution(str1, str2) { if(str1.includes(str2)) return 1; else return 2 } 다른사람풀이-> split() 사용 function solution(str1, str2) { return str1.split(str2).length > 1 ? 1 : 2 } split 사용법 → str1 , str2는 각각 문자열이다. 1. str1.split(str2) 을하면 str2를 구분자로 str1을 나눠준다. ( str1에 str2가 없다면 결과값은 배열길이가 1인 배열로 나온다. 입력값 "ab6CDE443fgh22iJKlmn1o", "6CD” "ppprrrogrammers", "pppp” "AbcAbcA", "A..

1. 기본 동작 원리 working Directory: 작업하는 파일이 있는 디렉토리 (PC) StageIng Area : Git에 등록할 (커밋) 파일들이 올라가는 영역 (PC) Local Repository : 로컬 Git 프로젝트의 메타데이터와 데이터 정보가 저장되는 영역 (PC) Remote Repository: Github 등의 서비스를 통한 온라인 상의 저장소 (온라인-server) (내 PC 내에서 일어나는일) working directory 에서 local repository로 바로 commit은 못한다. staging Area를 거쳐야 한다. Git에 올리고 싶은 파일들을 staging Area로 올리고, 그파일들을 대상으로 coomit을 통하여 ,local repository(로컬저장소..

[글을 들어가기에 앞서...] 나는 프론트엔드 개발자로 취업을 준비하는 몇개월 공부한 취업준비생이다. 우선 전체적 지식이 상당히 부족하다. 글에 잘못 알고있는 내용도 있을 것이다. '세상은 아는 만큼 보인다' 라는 말에 상당히 공감한다. 이러한 관점에서 공부를 하다보면 생각의 변화가 생길수도? 이 글을 접했다면, 이렇게 생각할 수도 있구나 정도로 가볍게 보자. 혹시,개발자 선배님들이라면 읽어볼만한 블로그도 댓글로 남겨주시면 감사하겠습니다. [서론] 개발자의 종류에는 어떤게 있나? 프론트엔드 개발자, 백엔드개발자, 웹 개발자, 모바일 애플리케이션 개발자 ,게임개발자, 데브옵스 개발자, 데이터 사이언티스트, 임베디드 개발자, 소프트웨어개발자,미들티어개발자 등등 많다. (각 개발자에 대해 궁금하다면 아래 re..

(한줄정리) 문자열을 배열로 만든다. 1. 사용법 split() split(separator) split(separator, limit) 1.1 매개변수 separator(optional) 선택 문자열을 잘라 줄 구분자 (문자열 또는 정규식을 받음) **정규식은 시간내서공부필요 빈 문자열일 경우 각각의 문자가 배열의 원소 하나씩으로 변환된다. limit (optional) 선택 최대 분할 갯수 ( 끊어진 문자열의 최대 개수를 나타내는 정수이다.) 이 매개변수가 전달하면 split()메서드는 주어진 separator이 등장할 때마다 문자열을 끊지만, 배열의 원소가 limit개가 되면 멈춘다. ( 남은 문자열은 새로운 배열에 포함되지 않는다.) 1-2. 반환값 주어진 문자열을 separator마다 끊은 부분..

(한줄정리) join() 메서드는 배열의 모든 요소를 연결해 하나의 문자열로 만듭니다. 1. 사용법 Array.join([separator]) 1-1. 매개변수 separator (optional) 1. 배열의 각 요소를 구분할 문자열을 지정한다. (여기서 사용되는 구분자는 필요한 경우 문자열로 변환된다.) 2. 생략하면 배열의 요소들이 쉼표로 구분된다. 3. spearator이 빈 문자열이면 모든 요소들이 사이에 아무 문자도 없이 연결된다. 1-2. 반환 값 배열의 모든 요소들을 연결한 하나의 문자열을 반환한다. 만약 arr.length가 0이라면, 빈 문자열 반환. 경고사항 -> 요소가 undefined 또는 null이면 빈 문자열로 변환한다. - let test = ["소고기", "닭고기", "돼지..