Travel to Frontend (372) 썸네일형 리스트형 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 6회차 미션 패스트캠퍼스 프론트엔드 인강 6일차. 비동기처리의 이해와 삼항연산자를 공부해보았다. 1. 동기적처리와 비동기적처리 동기적처리는 앞선 작업이끝날때까지 다음작업이 기다리는동안 시작하지못한다 앞선 작업이끝나야 비로소 다음 작업이 시작된다. 비동기처리는 동시에 여러 작업을 호출할수있다. 연산량이 많은 함수를 만들어 테스트를 해보자. // 동기처리 function work(){ const start = Date.now(); for(let i = 0; i{ const start = Date.now(); for(let i = 0; i work함수시작(4ms후) for루프가 도는동안 -> '다음작업'문구출력 -> for루프가끝나면 'end-start'ms''출력 0은 0ms후에 시작한다는뜻이지만 브라우저에서 최소는 4.. [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 5회차 미션 패스트캠퍼스 프론트엔드 인강 5일차. 객체생성자와 객체의 프로토타입, 객체의 상속을 공부해보았다. 1.객체생성자 객체생성자를 만들기위해 Animal이라는 객체생성자함수를 만드는데(붕어빵틀) 객체명은 대문자를 사용한다 function Animal(type, name, sound){ this.type = type; //this는 막 만들어진객체의미 this.name = name; this.sound = sound; //함수는 같은내용인데 객체가만들어질때마다 생성되서 비효율적 // this.say = function (){ // console.log(this.sound) // } } this는 객체가 생성될때마다 만들어지는 그 객체를 의미한다. 객체를 생성하려면 객체생성자 선언 및 초기화 = new 객체명(파.. [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 4회차 미션 패스트캠퍼스 프론트엔드 인강 4일차. 남은 자바스크립트 배열 내장함수들을 공부해보았다. splice slice shift, pop, unshift, push concat join reduce 1.splice 배열 원소들이 회손?되는 특징이있다. 2.slice 배열 원소들이 그대로 남아있다. 주의할점은 파라미터값 start, end에서 end값의 직전까지임. 예를들어 (0,2)일때 0~1번째배열을 의미 3.concat 기존배열을 훼손하지않고 합쳐주기만함 const arr = [1,2,3] const arr2 = [4,5,6] const concated = arr.concat(arr2) console.log(concated) //[1,2,3,4,5,6] 4. join 배열안에 있는 값들을 문자형태로 합쳐줄때.. 깃 클론하기 폴더를 만든뒤에 깃허브에서 복사한 주소를 입력 git clone [css] div를 상하좌우 중앙정렬 html에 기본박스를 생성하고 중앙 이를 상하좌우 중앙정렬하는데 여러방법이 있다. div안에 '중앙'글씨를 정가운데로옮긴것은 flex를 이용하였고 이포스팅에서는 div만 다룰예정이므로 생략. 해결1 - 모든브라우저상에 표현이가능하나 고정적인 w,h값필요 body div{position:absolute; top:50%; left:50%;} 해결 2 - 쉽고빠르지만 익스플로어9이상에서만 - 모바일용 body div{position:relative; left:50%; top:50%; transform: translateY(-50%);} 해결3 - IE8이상 중첩구조필요(table>table-cell>inline-block) 이때는 html에서 div가 여러개야함 blablabla blablabla blabla.. [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 3회차 미션 패스트캠퍼스 프론트엔드 인강 3일차. 자바스크립트 배열 내장함수들을 공부해보았다. 배열내장함수가 많은데 1차는 6가지정도를 소개하고 2차에서 더 정리할 예정이다. forEach map indexOf findIndex find filter 1. forEach const superheroes = [ '아이언맨', '캡틴 아메리카', '토를', '닥터 스트레인지' ] //위의 원소들을 모두출력해보자 for(let i = 0; i{console.log(hero);}) 2.Map 배열안의 모든 원소를 변환하고싶을때 사용한다. 예를들어 다음과 같은 숫자를 가진 배열의 모든원소를 제곱해 새로운 배열을만들고싶다면? 먼저 빈배열, 빈방을 만들어주고 const array = [1,2,3,4,5,6,7,8]; const s.. 파이참 페이지추가방법 1. view.py에 def생성 2. 등록한 html폴더만들어넣기 3. a태그에 url 집어넣기 4. url등록 추가) migrations폴더에서 생기는거 없애줘야 디비업데이트시 에러안뜸 [패스트캠퍼스 수강 후기] 프론트엔드 인강 100% 환급 챌린지 2회차 미션 패스트캠퍼스 프론트엔드 인강 2일차. 자바스크립트 배열기초, forEach를 공부해보았다. 기존에 배웠던 객체가 하나의 변수 혹은 하나의 상수안에 여러가지 정보를 담기위함이었다면 배열은 여러개의 항목이 들어있는 리스트라고 할수있다. 배열안에 넣고싶은 원소들 예를들어 숫자, 문자, 객체 등등을 넣을 수 있다. const array = [1,'blabla', { name : '멍멍이'}, { name : '야옹이'} ]; console.log(array); //배열들 보여줌 배열에서 원하는 항목, 방을 조회하려면 배열명[숫자]를 입력하면된다. [0]부터 시작 //알고싶은 방 조회하기 console.log(array[0]); //1 console.log(array[4]); //undefined 배열에서 원하는.. 이전 1 ··· 41 42 43 44 45 46 47 다음 목록 더보기
