오늘은 리액트로 만들어진 웹을 aws로 정적 웹호스팅 하려고 합니다.리액트로 만들어진 웹은 S3로 정적 호스팅을 하는 이유는우선 처음 사이트에 접근했을때 각자 브라우저에서 파일을 다운받게 되는 구조라 인스턴스에 부담이 없다는 점을 들 수 있습니다.우리가 무언가를 시작할

리액트가 좋다. 리액트를 쓰면 편리하다. 리액트 리액트 리액트 말은 많이 들었는데, 도대체 리액트가 뭔지 모르겠다. 그래서 리액트를 한번 정리해 본다. React의 탄생 리액트가 등장하기 이전에도 다양한 프론트엔드의 라이브러리나 프레임 워크가 있었다. 하지만 web

자! 그럼 앞서 node.js를 통해서 서버를 구축할 수 있다는 것까지 살펴봤다. 그렇다고, 그럼 서버를 만들어서 웹사이트와 연결해 보자!. 하지만 서버를 처음부터 다 만들기에는 너무 번거로운 일일 수 밖에 없다.😞 그래서 이를 좀 더 편리하고 효율적으로 구축하기 위

지난글에서 Node.js를 통해서 서버를 만들 수 있다는 이야기를 했었다. 그럼 오늘은 Node.js를 통해서 서버를 어떻게 구축할것이며, 서버서버 하는데 정확히 서버가 무엇인지 정리해 보려 한다. 1. 서버란 무엇인가? > 서버(영어: server, 문화어: 봉사

수업을 통해 node.js를 배웠다.자바스크립트의 런타임이다.....???.....아 무슨말이지......저걸로는 잘이해가 가지 않아서,그 내용을 정리해 보려한다.그래서 node.js가 뭔지, 어디서, 어떻게 쓰는 건지 정리해보려 한다. Node.js는 chrome

오늘부터 알고리즘 수업..분명 고등학교때 공부했던 것들인데 왜이리 생소한지손으로 세번씩은 써봐야 이해가 안간다..ㅠㅠ 그래서 안보고 설명하면서 풀이를 써가면서 공부를 더해본다.( 8888의 경우에는 4번 카운팅 되어야 한다.)우선 10000개짜리 배열을 하나 만들고 1

1. 프로토 타입 1-1) 프로토 타입 문법 >* 문법: proto, prototype >* 프로토 타입 역사를 살펴보면, 처음에 자바스크립트가 프로토 타입을 만들었다. 그런데 벤더사에서 맘대로 __ 붙여서 여러가지 명칭을 만들어서 가지고 만들었다. 그래서 대혼란의

이번주에 어려웠던 부분이었다 jQuery와 Ajax...정말 어떨때 쓰는건지 어떻게 쓰는 건지 1도 감이 안왔는데, 혼자 천천히 수업노트 다시 정리하면서, 여러글을 보다 보니, 한 2정도는 이해가 간다.제이 쿼리는 자바스크립트의 라이브러리 이다.그리고 이후에 다룰 aj

오늘 배운 내용은 자바스크립트를 공부하며 계속계속 봐왔던 This. 계속 '아 이런뜻이겠구나'만 알고 있던 This를 구체적으로 알 수 있었다. 7. this 자신을 호출한 객체 자신이 생성한 객체' ` 아무것도 없을 때는 윈도우의 값을 불러줌 자기 자신을 호출한 객

1. map(메소드) 배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환합니다. ` ` 1-2) map 이용하기(메소드) ` ` * map과 forEach의 차이 * map(value, index, array) : 해당 값

재귀함수 내가 나를 호출 하는 함수 시간 변환, 콤마 등등에서 사용 실무에서 권하진 않음 (가독성이 떨어짐) 특수한 경우 말고는 사용하지 마라!! 공식 몇가지 외워놓고 사용하기 그럼 특수한 경우는 뭔가??? 네비게이션에서 최단 경로 찾는 거 1) 재귀함수의 조건 종

객체 원시값을 제외한 나머지 값은 모두 객체 이다. 객체는 관련된 데이터와 함수로 이루어지는데, 이는 객체안에서 프로퍼티랑 메소드라 부른다. 1. 원시값과 객체 > 원시값은 string, number, boolean, undefined, symbol, null 변경

타입 변환 개발자가 의도적으로 값의 타입을 변환하는 것 명시적 타입 변환 타입 캐스트를 이용해서,강제적으로 타입을 변환시킨다. (타입 캐스트: Number(),string() 등) 타입 캐스트를 이용한다고 해서, 기존 값을 변경 하는 것은 아니다. 타입 변환은 기

함수 함수는 반드시 호출을 해야 실행이 된다. 매개변수(parament) : 함수와 메서드 입력변수 명( ex. x) 인수(argument): 함수와 메서드의 입력값(ex. 3) 함수를 파라미터로 선언하고, 인수로 실행한다 ` ` 여기서 a,b는 파라미터, 10과

조건문(if, else if, else, switch) 일반적으로 위에서 아래로 코드의 실행 흐름이 이루어진다. 제어문들은 이러한 코드의 실행 흐름을 인위적으로 조절 한다. * 조건문* : 조건식의 평가 결과에 따라 코드 실행이 결정된다 1. if문 * 1-1)

반복문 (for, for in, for of, while, do while, forEach, break, continue) 조건문은 조건식의 평가 결과가 참인 경우 코드 블록을 실행한다. 그 후 조건식을 다시 평가에 다시 실행한다. 조건식이 거짓이 될때 까지 1. f

'.' 닷(dot)console.log : 콘솔에 정보를 남김console.dir : 객체를 콘솔에 출력console.error: 실제 error아니고 내 로직상의 에러를 띄움console.table: 테이블을 출력해줌위에 4개를 제일 많이 사용 함2-1) 이항 산술

오늘부터 자바스크립트 본격적으로 시작🤣이제부터 본격적으로 어려운 부분들이 나오고 있기때문에, 통곡의 벽이 되지 않기 위해하루하루 열심히 다져야 한다!! 열쩡열쩡열쩡하나의 값을 저장하기 위해 확보한 메모리 공간 또는 그 메모리 공간을 식별하기 위해 붙인 이름메모리를 직

11월 24일 sass를 시작했다.더 편리하기도 하고, 더 어렵기도 하고 뭔가 애증의 sass가 될거 같은 기분이다.\* 탄생이유 스타일 시트가 점점 더 커지고, 복잡해지면서 유지보수의 어려움이 많이 생겨났다. 예를 들어 폰트 사이즈가 마음에 안든다고 하면 전체의

지난주 수요일 조코딩님의 특강시간이 있었다. 아침 9시부터 시작해서 저녁 6시까지 하나의 서비스를 런칭할 수 있도록록 도와주시는 엄청 알찬 수업이었다. 그걸 오늘 올리는 이유는 도메인 환불 당하고(?) 오늘 배포가 가능했기 때문인다. 우선 내가 만든 프로그램 공유하고