개념복습_ver.

이번 주엔 js 아주 기본적인 것들을 배웠다. 그중 첫번째인 변수에 대한 목표를 살펴보자 변수 기초, 변수 실습자바스크립트에서 변수의 선언과 값의 할당에 대해서 설명할 수 있다.변수 선언과 값 할당에 사용되는 용어에 대해서 정확하게 알 수 있다.= 가 "같다"라는 의미

📌 조건문

일단 문자열은 외워야 할 것들도 많아서 목표도 적는게 좋을 것 같다. 문자열의 속성과 메소드를 이용해 원하는 형태로 만들 수 있다.문자열의 length라는 속성을 활용해 길이를 확인할 수 있다. str.length문자열의 글자 하나하나에 접근할 수 있다. str1문자열

📌 split 메서드 str.split(seperator) 문자 그대로 분리하다 라는 뜻. 이 메서드는 csv 형식을 처리할 때 유용하다고 한다. seperator가 기준이 되는 것. csv 형식은 아래 이미지를 참고할 것. argument 는 분리기준이 되는 문자

📌 반복문 목표 하아.. 진짜 반복문이 너무너무 어렵다ㅠㅠㅠ 개념이나 대충 어떻게 써야할지 감은 오지만 이걸 코드로 짜볼 때마다 계속 막혀서 진짜 울고 싶을 정도ㅠㅠ > 반복문을 활용하여 단순한 기능을 반복하여 수행할 수 있다. for문과 문자열, 숫자를 이용해 반복

pwd: 현재 위치 확인하기 (print working directory) mkdir: 새로운 폴더 생성하기 ex) mkdir helloWorld ls: 특정 폴더에 포함된 파일이나 폴더 확인하기 cd: 폴더에 진입하기 touch: 파일 생성하기 cat: 파일의 내용을

📌 HTML / CSS / JavaScript 정의 간단히 훑기 HTML은 HyperText Markup Language의 약자로 웹 페이지를 구성하는 마크업 언어이다. 문서의 틀 또는 구조라고 본다. CSS는 그 HTML를 꾸며주는 스타일시트라고 간단하게 정의할 수

📌 Git 기초 Git이란 개발자의 코드를 효율적으로 관리하기 위해서 개발된 ‘분산형 버전 관리 시스템’이다. 기본적인 순서는 아래와 같다. 1) fork 먼저 원격 저장소를 내 원격 저장소로 가지고 오는 작업이 필요. 이 과정을 fork 2) Clone 이제 F

createElement - CREATEquerySelector, querySelectorAll - READtextContent, id, classList, setAttribute - UPDATEremove, removeChild, innerHTML = "" , tex

1) indexOf(index를 반환)2) includes(true/false로 반환)1) dot notation2) braket notation❗ 여기서 잠깐! user firstName 은 값을 가져오지 못함. 에러 뜸. 그 이유는 따옴표를 빼면 변수처럼 참조하기

현재 웹디자이너로서 웹업무를 주로 맡고있지만 이렇게 개발자 관점에서 레이아웃을 짜는 건 감회가 남다르다. 예전엔 정말 수박 겉핥기 식으로 html / css를 짜고 디자인에 급급했다. 그러나 레이아웃과 셀렉터 파트를 배우니 요즘 새롭게 쓰는 속성들 (특히 flexbox

자바스크립트에서 원시 타입의 데이터(primitive data types; 원시 자료형)는 객체가 아니면서 method를 가지지 않는 6 가지의 타입string, number,bigint, boolean, undefined, symbol, (null)원시 자료형은 모두

고차 함수(higher order function)는 함수를 인자(argument)로 받을 수 있고, 함수의 형태로 리턴할 수 있는 함수. 함수는 변수에 저장가능.다른 함수를 인자로 받는 경우function double(num) { return num \* 2;}fu

📌 들어가기 전에... React에 대한 감회는 누구보다 남다른편이다. React는 정말 정말 낯설다. 나도 나름 웹디자이너로 일해서 html css는 많이 만져보고 자바스크립트는 코드를 짤 줄은 몰랐어도 자바스크립트 코드는 많이 보았다. 하지만 리액트는 정말 낯설기

spa 는 무엇인가? Single Page Application 의 줄임말이다. 전통적인 웹사이트는 페이지 전체를 로딩하고, SPA는 Menu와 Footer와 같이 페이지 전환 전후에 중복되는 부분은 새로 불러오지 않는다. 전통적인 웹사이트에서는 이와 같이 "페이지 전

간단히 말하면 props는 외부로부터 전달받은 값 그러면서 잘 변하지 않는 값 그리고 state는 내부에서 변화하는 값! state는 컴포넌트 안에서만 지지고 볶고 변화하는 값!컴포넌트의 속성(property)을 의미합니다.부모 컴포넌트(상위 컴포넌트)로부터 전달받은

📌 React의 이벤트 처리 백문이 불여일견. react가 이벤트를 처리할 때는 아래와 같다. > 1) onChange 제대로 된 설명은 아래 코드를 참고하면서 보는 게 좋을 듯 하다. > input태그 textarea태그 select태그 와 같은 폼(Form)

메소드 호출은 객체.메소드() 과 같이 객체 내에 메소드를 호출하는 방법을 의미한다. 이 때 메소드 호출을 할 때 화살표 함수는 쓰지 않는다. 하나의 모델이 되는 청사진을 만들고 그 청사진(blueprint)을 바탕으로 한 객체를 만드는 것. 청사진(blueprint)

쉽게 말해 자기자신을 호출하는 함수이다. 말이 쉽지 이 개념을 직접 코드를 작성해서 문제를 해결하려고 하면 너무 어렵다ㅠ 그래서 쪼개서 생각하는 게 좋다. 예를 들어 5!(5팩토리얼) 을 구한다고 생각해본다.4! 은 4 x 3 x 2 x 1 이다. 그런데 4!은 구하기

자료구조를 설명하기에 앞서 데이터를 먼저 살펴보게 되는데 데이터는 문자, 숫자, 소리, 그림, 영상 등 실생활을 구성하고 있는 모든 값 이라고 생각하면된다. 데이터는 분류/정리 되어 있지 않다면 의미가 없다. 그래서 데이터를 필요에 따라 잘 분류하고 정리하는 방법이 바

스택과 큐와 달리 개념이 한번에 와닿지 않는게 바로 Graph 와 Tree 이다. BST는 개념도 이해가 잘 안된다..ㅎㅎ 기본적으로 생각하는 x , y축 그래프의 모양새가 아니라 복잡한 네트워크 망의 모양새이다. 포털 사이트의 검색 엔진 SNS에서 사람들과의 관계 네

말그대로 나무 형태인데 나무를 뒤집어 모은 모양새이다. 단방향 그래프에 하나의 뿌리로부터 가지가 사방으로 뻗은 형태라고 볼 수 있다. 간단하게 용어정리를 하자면(내가 이해하기 쉽게 적은 것이므로 공식적인 정의가 아니다)용어정리 노드 : 모든 개별 데이터(숫자가 각각 적

특정 목적을 위해 트리의 모든 노드를 한 번씩 방문하는 것을 트리 순회라고 한다. 트리순회도 3가지로 나눠지는데 전위순회, 중위순회 그리고 후위 순회이다. 전위순회 가장 먼저 방문하게 되는 노드는 루트이며 왼쪽의 노드들을 우선으로 순회하며, 왼쪽에 위치한 노드를 다 돌

특정 코드의 연산이 끝날 때까지 코드의 실행을 멈추지 않고 다음 코드를 먼저 실행하는 자바스크립트의 특성을 의미.(또 다른게는 특정 로직의 실행이 끝날 때까지 기다려주지 않고 나머지 코드를 먼저 실행하는 것) 동기는 요청에 대한 결과가 동시에 일어나고, 비동기는 요청에

리소스를 사용하는 앱(=클라이언트) 그리고 리소스가 존재하는 곳(=서버)리소스를 사용하는 앱(=클라이언트) 리소스를 전달해주는 앱(=서버) 그리고 리소스 저장공간(=데이터 베이스)웹과 서버간의 통신규약(=약속)여러 프로토콜이 있다. HTTP HTTPS FTP SMTP

📌 HTTP HTTP는 웹에서 브라우저와 서버가 통신하기 위한 프로토콜(규약)이다. HTTP는 요청 메서드를 정의하여, 주어진 리소스에 수행하길 원하는 행동을 나뉜다. 간혹 요청 메서드를 "HTTP 동사"라고 부르기도 한다. > GET GET 메서드는 특정 리소스의

📌 REST API Representational State Transfer 는 HTTP 의 장점을 최대한 활용할 수 있는 아키텍처로서 REST를 소개했고 이는 HTTP 프로토콜을 의도에 맞게 디자인하도록 유도하고 있다. REST의 기본 원칙을 성실히 지킨 서비스 디

📌 리액트에서의 데이터 흐름 리액트에서는 하나의 컴포넌트는 한가지 일만 한다고 알고 있다. 그리고 각각의 컴포넌트들이 트리처럼 이어져 있다고 가정해볼 때, 컴포넌트는 컴포넌트 바깥에서 props를 이용해 데이터를 인자처럼 혹은 속성처럼 전달할 수 있다. 데이터를 전달

자료구조는 다시 백지에서 풀려고 하니 하얘져서 다시 처음부터 진행해야겠다는 생각이 들었다. 그래서 다시 한번 시작해보자라는 생각이 들었다. Vertex : 하나의 정점Edge : 정점과 정점을 잇는 하나의 선 여기서는 메서드를 직접 하나씩 작성해보고자 한다.addVer

📌 이진탐색(Binary Search Tree) 이진탐색은 토이문제에서 자주 응용되곤 했다. 보통은 배열의 중간 인덱스의 값 또는 임의의 값을 변수로 삼고, 그 기준을 바탕으로 나누어진 왼쪽 인덱스 그리고 오른쪽 인덱스를 활용하여 문제를 풀수 있다. 그래서 이 이진탐