코딩응애의 개발블로그

객체에 접근하는 2가지 방법 Dot Notation (점 표기법) & Bracket Notation (괄호 표기법) 점을 이용해 접근하느냐 대괄호를 이용해 접근하느냐에 차이 괄호 표기법은 동적인 접근이 가능함. delete delete 연산자는 객체의 속성을 제거합니다. 제거한 객체의 참조를 어디에서도 사용하지 않는다면 나중에 자원을 회수합니다. const Employee = { firstname: 'John', lastname: 'Doe' }; console.log(Employee.firstname); // expected output: "John" delete Employee.firstname; console.log(Employee.firstname); // expected output: undefi..

배열은 순서가 있는 값. 순서는 인덱스 라고 부름. 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 ..

css가 많이 부족한거 같아서 페어분이 알려주신 유튜버 수코딩님과 내가 예전부터 보던 드림코딩님 두분의 강의를 듣고 웹사이트를 한번 만들어 보았다. 확실히 직접 만드니까 많이 부족하다는걸 깨닫고 더 만들어볼 예정이다. 수코딩: https://youtu.be/33UvhCoPrmc 드림코딩 : https://youtu.be/X91jsJyZofw 이 2개의 영상을 보고 만들었다. 2개 영상을 먼저 보고 각각 영상에서 만드는 웹사이트를 만들고 나서 내가 만들고 싶은 사이트를 2개 영상에 쓰인 코드들을 바탕으로 만들었는데 거의 비슷하긴 하다... 근데 나중에 더 기능들을 추가할 예정! 서론이 길었네 일단 이 글은 웹사이트를 만들면서 몰랐던 개념들이랑 직면했던 문제들을 쓰고 그 문제들을 어떻게 해결을 했는지 쓰는 ..

와이어 프레임 웹 또는 애플리케이션을 개발할 때 레이아웃의 뼈대를 그리는 단계, 단순한 선이나, 도형으로 웹이나 앱의 인터페이스를 시각적으로 묘사한 것. 아주 단순하게, 레이아웃과 제품의 구조를 보여주는 용도. 목업 (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문제를 풀었는데 너무 힘들었다. 이게 또 혼자가 아니라 뭔가 심리적으로 부담감 때문에 더 문제가 안보이는 것도 있는듯.. 저번에도 말했지만 빠른 시일내에 알고리즘 다시 풀어볼 예정이다. 문제를 풀면서 감을 점점 찾아나갈 예정임