코딩응애의 개발블로그

배열은 순서가 있는 값. 순서는 인덱스 라고 부름. 0부터 번호를 매긴다. 값은 인덱스를 이용해서 접근을 한다. pop() pop() 메서드는 배열에서 마지막 요소를 제거하고 그 요소를 반환. 빈 배열의 경우 undefined 를 반환한다. const plants = ['broccoli', 'cauliflower', 'cabbage', 'kale', 'tomato']; console.log(plants.pop()); // expected output: "tomato" console.log(plants); // expected output: Array ["broccoli", "cauliflower", "cabbage", "kale"] push() push() 메서드는 배열의 끝에 하나 이상의 요소를 추가하..

컴퓨터를 조작하기 위한 입력과 출력을 간단하게 I/O(Input/Output)라고 표기함. GUI 가 시장을 지배했어도 CLI가 더 유리한 이유가 AWS같은 대량의 컴퓨터를 설치하는 서비스에 하나하나 I/O소스 (마우스 모니터 등등)를 부착하는 일은 불가능에 가까워서 CLI에 익숙해 져야 한다. 프롬프트 키보드의 입력을 확인하고 편집할 수 있는 한 줄의 공간을 프롬프트(Prompt)라고 한다. 터미널 만지면서 이걸 부르는 용어가 따로 있다는걸 처음 알음; 각종 명령어 들을 배웠는데 여기에다 거진 다 정리한 것들이라 처음 안거나 추가적으로 적어야 할것 들만 적음 nautilus . 터미널의 현재 위치를 GUI의 탐색기(파인더)로 열 수 있다. rm -rf bye 폴더를 삭제를 할때는 rm말고도 r 과 f ..

와이어 프레임 웹 또는 애플리케이션을 개발할 때 레이아웃의 뼈대를 그리는 단계, 단순한 선이나, 도형으로 웹이나 앱의 인터페이스를 시각적으로 묘사한 것. 아주 단순하게, 레이아웃과 제품의 구조를 보여주는 용도. 목업 (Mock-up) 실제 제품이 작동하는 모습과 동일하게 HTML 문서를 작성하는 것이다. 레이아웃 리셋 html 은 기본적인 스타일을 가지고 있는데 이러한 특징이 레이아웃을 잡는데 방해가 되기도 한다. 이럴때는 전에 배운 코드를 이용하면 된다 * { box-sizing: border-box; } body { margin: 0; padding: 0; } flexbox 속성들은 내 다른 포스트에 정리를 해놓았으니 그거 보고 사실 직접 뭐라도 만들어 보는게 실력이 늘것 같아서 유튜브에 영상들 보면..

UI & UX(User eXperience) 일단 인터페이스는 컴퓨터와 교류하기 위한 연결고리라고 한다. 옛날에는 cli로 컴퓨터와 소통을 했어야 했는데 요즘은 잘 만들어진 인터페이스로 소통함 이렇게 컴퓨터에 무지한 일반 사용자가 쉽게 사용할 수 있는 인터페이스에는 앞에 “사용자"를 붙여 사용자 인터페이스, UI라고 한다. UX는 처음 알게된건데 사용자 경험이라고 한다. 좋은 사용자의 경험은 직관적이고 쉬운 UI에서 나온다고 한다. ,, 태그들은 여기 블로그에 있으니 찾아보기 => 태그는 해당 문서의 요소의 주 콘텐츠(main content)를 정의할 때 사용합니다. 요소의 콘텐츠는 해당 문서의 중심 주제 또는 주요 기능과 직접적으로 관련되어 있거나 확장되는 콘텐츠로 구성되어야 하며, 문서 전반에 걸쳐 ..

예전에 배운 내용들이 대부분이라 여기 블로그에 다 정리가 되어 있긴 한데 그래도 뭘 배웠는지만 정리 HTML 웹 페이지의 틀을 만드는 언어이다. tag들의 집합이고 트리 구조로 이루어져 있다. vs => div 태그는 공간을 한줄을 차지하는 태그이고 span 태그는 컨텐츠의 크기 만큼 공간을 차지 한다. => img 태그는 이미지를 넣을때 사용한다 닫는 태그가 없다 => 링크 target="_blank" 쓰면 새창으로 링크가 열림 ,, => ul과 li 태그는 부모 자식 관계 태그이다 ol 태그는 자동으로 숫자 넣어줌 자세한건 블로그에 => 여러줄의 긴 문장을 입력을 할 수 있다 => 일반적으로 각 문자를 별표("*") 또는 점("•")과 같은 기호로 대체하여 텍스트가 가려져 읽을 수 없는 한 줄 일반 ..

반복문 for문 과 while문이 있다. for문은 반복조건으로 초기화,조건식,증감문 순으로 넣어준다. - 회고 솔직히 강의 듣는 시간은 30분이 채 안된다. 하지만 코플릿에 문제를 페어와 같이 푸는게 생각보다 너무 오래 걸린다. 이게 실력이 없어서 오래걸리는 것도 있고 강의에 비해서 문제가 난이도가 있는것도 사실이다. 내가 알고리즘을 푼 경험이 아예 없다면 이렇게 걸리는게 당연하다 할 수 있겠지만 그것도 아니라서 참.. 오늘이 가장 어려웠던것 같다 반복문 문제가 21문제를 풀었는데 너무 힘들었다. 이게 또 혼자가 아니라 뭔가 심리적으로 부담감 때문에 더 문제가 안보이는 것도 있는듯.. 저번에도 말했지만 빠른 시일내에 알고리즘 다시 풀어볼 예정이다. 문제를 풀면서 감을 점점 찾아나갈 예정임

조건문 thuthy - 참 같은 값 , falsy - 거짓 같은 값 falsy에는 undefined, false, null, 0, ''(빈 문자열) 정도가 있다. NOT연산자 - 2개 이상 중첩이 가능하다 ex) !!(true) => true 임 문자열 indexOf - 문자열에서 특정 문자열을 찾고, 검색된 문자열이 '첫번째'로 나타나는 위치 index를 리턴한다. 해당하는 문자열이 없으면 -1을 리턴함 let str = 'adcg'; str.indexOf('a') // 0 lastIndexOf - 주어진 문자열 str 뒤에서부터 처음으로 발견되는 위치의 index 리턴한다. includes() - 메서드는 배열이 특정 요소를 포함하고 있는지 판별합니다. [1, 2, 3].includes(2); // ..

오늘은 2일차 본격적으로 교육을 시작하는 날이다. 변수 데이터를 위한 보관함을 메모리라고 하고 이 메모리는 크기가 동일하다. 그리고 각 메모리의 이름을 변수라고 한다. 변수를 선언하고 값을 할당을 한다고 하는데 예를 들면 let input; // 변수를 선언 input = '코드스테이츠'; // 값을 할당 한다고 한다. 변수명은 공백을 못쓴다. 타입 은 typeof 블로깅 한거에 있음 함수 는 항상 출력값을 반환한다. 화살표 함수라고 있는데 함수 본문에 return문만 있는경우 return과 { }(중괄호)를 생략 가능하다고 한다. let sum = (a, b) => a + b; /* 위 화살표 함수는 아래 함수의 축약 버전입니다. let sum = function(a, b) { return a + b;..