전체 글 검색 결과
66 개의 검색 결과가 있습니다.
프로젝트/[팀] 책 공동집필 프로젝트

[책 공동 집필 프로젝트] 최종 원고를 제출하다.

공동저자로 참여하며 느낀점, 회고 포스팅 오늘은 '개발자가 되기 위해서 알아야하는 IT용어' 도서에 공동저자로 참여하며 느꼈던 회고를 나눠보려고합니다. 2021년 12월 05일 첫 모임 시작으로, 2022년 02월 09일 드디어 출판사에 최종 원고를 보내게되었습니다. 아직 책이 나오기까지는 출판사와 피드백도 계속적으로 주고 받아야 하기때문에 시간이 더 필요합니다. 하지만 저희 쪽에서는 큰 마무리는 됐다고 할 수 있기에 포스팅을 쓰게 되었습니다. 먼저, 기획과 진행, 조율에 힘써주신 고승원 대표님, 비제이퍼블릭, 함께 프로젝트에 진행한 21명의 공동저자에게 그리고 항상 믿어주고 사랑으로 지켜봐 주신 가족과 마음속으로 응원해준 주위의 모든 분에게 감사의 말씀을 드립니다. 처음 제가 이 프로젝트를 하게된 가장..

2022. 2. 13. 08:50
프로젝트/[개인] 프론트엔드 로드맵

[용어정리] Part4 JavaScript | Hoisting 등 개념 이해하기

Front-end 로드맵 따라하기 (요약) 키워드로 알아보기 "Understand the concepts" 1. Hoisting 2.Event Bubbling 3.Scope 4.Prototype 5.Shadow DOM 6.Strict 더 알아보기 1. Hoisting 사전적 의미 : 끌어올리기, 들어올려 나르기 JavaScript에서 아직 선언되지 않은 함수/변수를 끌어 올려서 사용할 수 있는 JavaScript의 작동방식을 의미한다. "hosting해야된다"라고 알아야되는게 아니라, 'JavaScript에서 이러한 현상이 일어난다' 라는 것을 알고 왠만하면 피해야된다. myFunction(); function myFunction() { console.log('hello world!'); } //출력결과..

2022. 1. 28. 11:04
프로젝트/[개인] 프론트엔드 로드맵

[용어정리] Part4 JavaScript | fetch API / Ajax(XHR)배우기

Front-end 로드맵 따라하기 (요약) 키워드로 알아보기 fetch API(Application Programming Interfaces)란? - api를 불러오고, 정보를 내보내주는 함수라고한다. - Ajax를 구현한 여러 방법중 최신 방법잉 fetch API이다. - fatch는 서버와 비동기 요청방식중에 하나인데, 대표적인 비동기 요청방식중에 하나인 Ajax의 방식 중 하나이다. - fetch함수에 쓰여지는 method는 get과 post가 있는데 설정을 따로 안해주면 기본적으로 get으로 설정된다. AJAX() XHR이란? - XMLHttpRequestAPI는 Ajax(Asynchronous JavaScript and XML)의 핵심 (X가 XML라고는 하지만 현재 많이 사용하고 있는 JSON..

2022. 1. 27. 16:04
프로젝트/[개인] 티끌모아태산

[프로토타입&클래스] 더 알아보기

1. 객체 생성자란? 함수를 통해서 새로운 객체를 만들고, 그안에 넣고싶은 값 또는 함수를 구현할 수 있게해준다. 함수 이름은 대문자를 사용하고, new라는 키워드를 사용한다. function Animal(type, name, sound) { //여기서의 this는 8번째 줄의 그 객체를 의미한다. this.type = type; this.name = name; this.sound = sound; this.say = function () { console.log(this.sound); }; } const dog = new Animal("개", "멍멍이", "멍멍"); //이 순간 하나의 객체가 만들어진다. const cat = new Animal("고양이", "야옹이", "야옹"); dog.say(); ..

2022. 1. 24. 19:34
프로젝트/[개인] 티끌모아태산

[배열심화] 배열 내장함수 더 알아보기

1. for문과 배열(array) 함께 사용하기 잠시 헷갈렸던점 : anmes.length를 하면 안에 3개가 있으니까 3개로 찍히고, 배열에서 꺼내올때는 0부터 꺼내와야하므로 3 멍뭉이 가 아닌 2 멍뭉이 이다. 배열 내장함수 시작 내장 함수를 사용하게 될때, 하나하나 외운다기보다는 하나하나의 함수들이 어떤 용도로 사용되는지 잘 이해하고, 나중에 써야될때 자동완성이되고, 주석(설명) 이 나오니까 그것들만 보고도 내가 사용할 수 있을정도로만 공부해도 충분하다! 2. forEach 각 원소들에 대하여 반복적으로 계속 호출하여 출력 할 수있다. const superheroes = ["아이언맨", "캡틴아메리카", "토르", "탁터 스트레인지"]; //방법 1. // function print(hero) { ..

2022. 1. 22. 14:21
프로젝트/[개인] 프론트엔드 로드맵

[용어정리] Part4 JavaScript | 문법 및 기본구조(5)

17 async function과 await 비동기를 다루는 또다른 방법이다. mdn문서 - async_function 를 보면 es2017에 표준으로 정해진것을 알 수 있다. 문서 이름은 async function으로 되어있다. 즉, async를 함수 앞 키워드로 붙이는 것이다. 이렇게 붙인 후, await도 함께 사용하는 것이다. 따라서 아래처럼 사용가능하다. 1) async function 함수이름( ) { } 2) const 함수이름 = async( ) => { } 자 그럼 본격적으로 언제 이렇게 쓰는지 알아보자! ※ async await는 Promise기반으로 하고있다. 결과값을 보게되면 SyntaxError : await is only valid in async function 라고 에러가뜬다..

2022. 1. 20. 14:41