thumbnail

TIL [Typescript] Nomad 강의내용정리(6강~12강)

Interface는 typescript에서 쓰이는 개념이지만, js에서는 해당 내용을 컴파일 하지 않는다. Interface와 비슷한 기능을 하지만, js에서도 컴파일 되는 것은 바로 Class! : Interface 가 typescript 측면에서는 더 안전하다,...

2019년 10월 4일0개의 댓글

TIL [Typescript] Nomad 강의내용정리(1~5강)

typescript를 사용하면서 콘솔창에 있는 내용이 vs terminal 을 이용해서 보이기 하기 위해서는 니콜라스 초기세팅 1,2강 강의 참고하기 현재 tsc 명령어를 yarn start 로 변경해서 yarn start 로 ts 를 js 로 컴파일 할 때해당 명...

2019년 10월 3일0개의 댓글

TIL - 생활코딩 객체지향프로그래밍 강의내용 정리

비동기처리 비동기처리는 JAVASCRIPT 에서 AJAX 에서 쓸 수 있다. 여기서 A 는 Asynchronous 개발자도구의 네트워크탭은 웹서버와 웹브라우저의 통신을 보여준다. Ajax…….. Ajax를 제어할 때 우리가 비동기적으로 제어한다고 한다. aj...

2019년 9월 22일0개의 댓글

TIL - Ajax, fetch 함수와 API

Ajax Asynchronous JavaScript and XML의 약자 Ajax는 빠르게 동작하는 동적인 웹페이지를 만들기 위해 쓰이는 개발 기법중 하나! Ajax는 웹페이지 전체를 다시 로딩하지 않고, 웹페이지의 일부분만을 갱신할 수 있음 ! Ajax는 JSON,...

2019년 9월 21일0개의 댓글

TIL - 자료구조 Session 0918

자료구조 : 자료구조란 데이터에 편리하게 접근하고, 변경하기 위해서 데이터를 저장하거나 조직하는 방법을 말합니다. 모든 목적에 맞는 자료구조는 없습니다. 자료구조의 분류 자료구조는 현재 사진 속에 담긴 것 보다 종류가 훨씬 많다. image.png 제일 많...

2019년 9월 18일0개의 댓글

TIL내용 - OOP crach course - ES6 : Classes 강의정리

class 를 활용해서 객체를 생성하는 것은 생성자함수를 만드는 것과 비슷하다. 그대신 class 생성자함수이름 { constructor(프로퍼티, 프로퍼티, 프로퍼티) { 프로퍼티 = 값; 프로퍼티 = 값, 프로퍼티= 값 } method를 추가하고...

2019년 9월 17일0개의 댓글

TIL - Unit Test Session 0918

유닛테스트는 중요하다 우리는 뭔가를 구현하는 것이 목적 구현이 됬는지 안됬는지에 대한 테스트를 안한다는 것은 개발을 안하는 것이다. 은우님 기준으로 개발 테스트의 비중 5:5 로 해야 함 버그는 지금 고쳐야지 빨리 고칠 수 있다.. 우리나라 테스트 약간 비중 안둠...

2019년 9월 17일0개의 댓글

TIL - React ) 관련 문법정리

리액트 관련 문법정리 JSX Self-Closing Tags HTML 은 두가지 태그가 있다. 시작태그와 끝태그 그런데 img / input 같은 태그들은 하나의 태그만 가짐 이런 태그들은 self-closing tag라고 한다. self-closing tag를 ...

2019년 9월 8일0개의 댓글

TIL - CSS > Flexbox

Flexbox - Flexbox는 해당 flex container에 묶인 아이템들의 공간 배분과 정렬을 수행하기 좋은 CSS의 속성 중 하나 flexbox의 두 개의 축 : flexbox를 다루기 위해서는 두개의 축을 알아야 함 - row: 가로 줄 행(인라인방...

2019년 9월 8일0개의 댓글

0908 프론트엔드 Meet Up S2 : Front-End Programmer의 "데이터탐방기"

S2 발표자 : 김우현님 (spoqa) 프론트엔드 개발자로서 데이터 활용사례 공유 본인이 직접 경험하신 데이터 탐방기를 공유해주심 Spoqa는 무슨 회사인가? : dodo point 라고 해서 국내 1위 태블릿 기반 고객관리하는 서비스 제공하는 회사 휴대폰 ...

2019년 9월 8일0개의 댓글

0908 프론트엔드 Meet Up S3. 웹마스터에서 웹퍼블리셔 그리고 프론트엔드개발자로

발표자: 김인숙님 (가비아) 프론트엔드 개발자가 되기까지의 2번의 직무전환 경험 : 웹마스터 - 웹 퍼블리셔 - 프론트엔드 개발자 (18년의 경력 중 2번의 직군 전환 ) 1. 웹마스터란 ? : 웹 서버를 관리하면서 프로그래밍도 하고 동시에 디자인 작업까지...

2019년 9월 8일0개의 댓글

0908 프론트엔드 Meet Up S1 : MediaQuery, Breakpoint 내용 정리

발표자: 김수진님(이롭게) RWD : Reponsive Web Design 반응형 웹 디자인 : 반응형 웹디자인은 flexible Image / Fluid Grid / Media Query 세가지로 구현 가능하며, 오늘의 주제는 미디어 쿠ㅓ리~! ...

2019년 9월 8일0개의 댓글

TIL - Array Methods

Array Methods * Arrow function을 가장 많이 사용하는 경우callback 함수로 사용할 때 - callback 함수 : 인자로 전달되는 함수 1. Callback 함수

2019년 9월 1일0개의 댓글

TIL - 프로젝트 Git사용법 정리

프론트엔드 프로젝트 중 해야할 것 ! 순서대로 (소스코드 초기세팅 후 깃 클론, 브랜치생성, push, pull 하는 법) 1. 소스코드 초기세팅 create-react-app 기반, sass, react-router-dom, eslint, prettier 등 설...

2019년 9월 1일0개의 댓글

TIL - CSS > CSS font unit

1차 프로젝트 클론을 하다보니 px만 쓰던 나에게 모르는 font-size 단위들이 나오기 시작했다.. 그래서 한번 공부를 ㅎㅐ보기로하는데!! MDN과 W3S를 봐도 바로 이해가 가지는 않기에....정리를 해본다 CSS 단위 : css는 길이를 표현하기 위한 ...

2019년 9월 1일0개의 댓글

TIL - CSS > Word-break

현재 1차 프로젝트로 망고플레이트 사이트 클론을 하고 있다 ! 사이트를 보면서 배우는 CSS 효과들 중 전혀 몰랐던 부분에 대해서 조금씩 정리해가야겠다. word-break : 문자가 내용 밖으로 벗어날 경우, 이를 줄바꿈할 것인지에 대한 여부를 설정할 때 ...

2019년 8월 31일0개의 댓글

[CSS] Media Query

Media Qurey란 ? Responsive Web을 구현하는 CSS Technique - 특정조건(주로 화면크기)에는 어떤 CSS를 적용해라 라는 규칙을 줄 수 있음 - $break-mobile : 300px 로 이미 지정된 변수를 활용해서클래스 sty...

2019년 8월 29일0개의 댓글

TIL - Javascript Scope

SCOPE * Scope 는 변수가 선언되고 사용할 수 있는 공간을 말함 * Scope 외부에서는 특정 Scope의 변수에 접근할 수 없음 1. Scope의 종류 1) Local scope - 함수 안에서 { } 으로 감싸진 block 안의 범위를 의미 -...

2019년 8월 25일0개의 댓글

TIL - Javascript 객체(Object)

Javascript 객체에 대해 배운 내용을 정리해보겠습니다. 객체 (Object) * 객체는 배열과 비슷하지만, 배열은 데이터를 넣으면 0,1,2 라는 index 를 순서대로 자동으로 생성해주지만 객체는 해당 값에 대한 index를 생성자가 원하는 대로 firs...

2019년 8월 25일0개의 댓글

TIL - Javascript 숫자 관련 Method

Javascript 숫자 관련 Method 1. Math.round 반올림하는 함수 / 절반 미만이면 0으로 마지막 값을 버려주고, 절반 이상이면 0으로 마지막 값을 버려주고 윗자리에 1을 더한다. * 해당 값은 소수점이 있는 수가 나오기때문에 정수를 구하고 싶...

2019년 8월 25일0개의 댓글