As the Flux pattern which became the most famous and commonly used pattern in React after it had been brought out by Facebook Development team, some o...
유효범위(scope) 유효범위(scope)는 변수의 수명을 의미한다. 전역변수와 지역변수 ex) 위 예제의 fscope 라는 함수는 함수 안이 아니라 밖에 선언되어 있는 vscope 라는 변수에 접근할 수 있다는 것을 보여준다. 만약 부분을 추가한다면 경고창...
객체지향원칙 > 객체지향 디자인 원리들을 사용하면 좀 더 유지보수가 쉽고 유연하고 확장이 쉬운 소프트웨어를 만들 수 있다. 5가지 원리의 핵심내용 SRP 단일책임의 원칙 (Single Responsibility Principle) 작성된 클래스는 하나의 기능만을...
나는 공부에 관심이 없었다. 고등학교를 졸업하고 하루빨리 성공하고 싶은 마음에 대학보다 아르바이트를 선택했다. 하지만 성공은 아르바이트좀 열심히 했다고 누릴 수 있을만큼 쉬운게 아니었다. 몇년을 일해도 변하지 않는 '알바생'이라는 신분에 지쳐갔고,
Netlify로 배포한 홈페이지에 도메인 넣기
Netlify에 업로드한 React 앱이 URL 변화 시 Page Not Found일 때
🎨 이미지 웹페이지에 이미지를 삽입하는 경우, img tag를 사용한다. src 이미지 파일 경로 alt 이미지 파일이 없을 경우 표시되는 문장 width 이미지의 너비 (CSS에서 지정하는 것이 일반적) height 이미지의 높이 (CSS에서 지정하는 것이...
React(SPA)로 만들어진 앱을 Netlify에 업로드하면 REACTAPP~로 시작하는 환경변수를 인식하지 못합니다.
🧣 List ① 순서없는 목록 (Unordered List) 기본 순서없는 목록 ② 순서있는 목록 (Ordered List) 기본 순서있는 목록 type 어트리뷰트 를 사용하여 순서를 나타내는 문자를 지정할 수 있다. start 어트리뷰트 로 리스트의 시작값...
What is Amazon Web service ?Amazon Web Services (AWS) is a secure cloud services platform, offering compute power, Database storage, content delivery...
Day 8 3Sum 문제 Given an array nums of n integers, are there elements a, b, c in nums such that a + b + c = 0? Find all unique triplets in the array whi...
1. TCP(Transport Control Protocol) 좌측은 클라이언트의 컴퓨터, 우측을 서버의 컴퓨터라고 보았을 때 '웹페이지'하나가 실행된다고 가정 해보자. Network를 통해 Data link에 다다르며, 15~20번정도 이 과정을 거치며, 클라이언트...
클래스 내에서 정의된 함수를 메소드라고 함.통상, 메소드의 첫 번째 인자는 항상 self가 들어옴근데, 대체 self의 정체는 무엇인가? 왜 쓰는가?self는 클래스로 생성된 인스턴스를 의미함. 클래스로 인스턴스가 생성되면 해당 인스턴스는 특정 메모리 주소에 저장이 되...
var vs let vs constvar: 재선언 가능. globally or locally (inside a function). reassign 가능.let: 재선언 불가능. reassign 가능.const: 재선언 불가능. reassign 불가능.immutable ...
처음으로 블로그를 생성하였다.블로그 생성을 위해서 고려한건 마크다운 양식으로 작성이 가능한지에 대한 것이었다.그래서 다른 포스트들을 찾아보다가 같은 고민을 하고있던 분의 글을 참고해서 나도 velog를 활용하기로 하였다.앞으로 IBM Clouders활동과, 42seou...
프론트앤드 개발자 면접 은행에서 제공하는 문제들을 한 문제씩 답변해보면서, 면접 준비를 시작하려고 합니다. 머리속으로 정리하는 것보다 이렇게 글로 기록을 남기며 공부하는 것이 효과적일 것같아 시리즈로 글을 쓰며 공부하고자 합니다!실행 컨텍스트는 실행가능한 코드(전역 혹...
함수를 만드는 방법 한가지 더!Function라는 함수 객체도 존재한다.이렇게 new키워드와 같이 사용하면 함수를 만들 수 있다.그럼 어떤 차이가 있을까?Function은 매개변수로 받은 문자열을 사용해 함수를 만드는데,마지막 매개변수의 경우는 함수 바디로 해석한다.문...
웹 개발을 할 때 ajax 통신을 자주 사용한다. ajax를 사용할 때 XHR, JQuery, Fetch 등의 선택지가 있지만 셋 다 사용해봤을 때 JQuery와 Fetch가 당연한 소리지만 압도적으로 좋은 것 같다. (생산성 측면에서) 앞으로 추세가 JQuery를 쓰...
짝수면 절반에서 두개, 홀수면 한개를 반환하는 아주 간단한 문제
자바스크립트에서, 함수는 '값' 으로 취급되며, 함수는 '객체' 이다.함수는 '객체' 이므로, 객체의 특성을 모두 이용할 수 있다.기본적으로 가지고 있는 프로퍼티들은 다음과 같다.'name'프로퍼티'length'프로퍼티커스텀 프로퍼티다음으로 알아볼 것은, '기명 함수 ...
간만에 머리를 했다. 마음에 든다. 미용실 갔다가 돌아와서 잠시 낮잠을 잤는데. 자고 일어나니 정신이 혼미했다. 짧게 잤어야 했는데.저녁으론 가지볶음을 해서 먹었다. 지난번처럼 튀기지 않고 바로 볶았는데 생각보다 괜찮았다.이번주는 배우고 소화해야하는 분량이 항상 목 끝...
6월에 계획했던 운전면허 따기 성공!이번 7월엔 Swift 도 공부할 겸 앱 하나를 개발해봐야겠다.<목표> 완전 간단한 Swift 앱 만들기 !완벽하지 않을 것하루에 2시간씩만 개발 할 것7월 말까지 90% 는 끝낼 것 하루에 1개씩 버그 포스팅 할 것화이팅 !
우리가 리액트로 새로운 프로젝트를 시작하려면 여러가지 방법을 이용할 수 있다. 대표적으로 3가지가 있다. Create-React-App Next.js Gatsby.js 각각에 대해서 간단하게 알아보자. Create-React-App Create-React-App(CRA)는 가장 쉽고 빠르게 리액트 프로젝트를 시작할 수 있는 방법이다. 설치만 하면 자...
