profile
꾸준하게 하는 법을 배우는 중입니다!
post-thumbnail

리액트 프로젝트에 font-awesome 5초만에 불러오기

font awesome 아이콘을 쓰는게 뭔가 standard같이 되어버렸지만 사실 나는 google icon을 많이 쓴다. 뭐 여튼 font awesome을 쓰는 방법은 여러가지인데, 리엑트 프로젝트에서 쓰는 방법도 사이트에 잘 나와있다. 그리고 패키지 매니저를 설치하

2022년 6월 27일
·
0개의 댓글
post-thumbnail

React에서 S3 Bucket에 이미지 올리고 불러오기 (ft. AWS)

이번 프로젝트에서 이미지 관리를 프론트엔드쪽에서 관리하기로 했다!회사별로 이미지 DB 관리 하는 방식이 다 다른데 이번에는 프론트에서 관리를 하고 data.location (url 형식)만 백으로 전달해주기로 했다.AWS에서 S3 Bucket에 사진을 넣으려면 reac

2022년 6월 16일
·
0개의 댓글
post-thumbnail

프로그래머스 문제풀이: (네오와 프로도의) 숫자 문자열과 영단어 (Javascript)

숫자 문자열과 영단어 네오와 프로도가 이상한 숫자놀이를 하는데... 꽤 nerdy 하다. 문제 풀러가기 문제설명 네오와 프로도가 숫자놀이를 하고 있습니다. 네오가 프로도에게 숫자를 건넬 때 일부 자릿수를 영단어로 바꾼 카드를 건네주면 프로도는 원래 숫자를 찾는 게

2022년 6월 11일
·
0개의 댓글
post-thumbnail

프로그래머스 문제풀이: 소수만들기(Javascript)

숫자 세개를 더해서 소수가 나올 경우의 수를 찾아보자링크텍스트(문제 풀러가기)주어진 숫자 중 3개의 수를 더했을 때 소수가 되는 경우의 개수를 구하려고 합니다. 숫자들이 들어있는 배열 nums가 매개변수로 주어질 때, nums에 있는 숫자들 중 서로 다른 3개를 골라

2022년 6월 11일
·
0개의 댓글
post-thumbnail

스파르타 코딩클럽 리액트 강의 [심화] notetaking (작성중)

1주차 Javascript Re-start! (1) - 기본 변수와 상수 변수 생성 3단계 선언: 실행 컨텍스트에 변수 객체를 등록 (스코프가 참조하는 대상이 되도록) 초기화: 변수 객체에 등록된 변수를 위해 메모리에 공간을 확보 (여기서 변수는 보통 undefin

2022년 6월 6일
·
0개의 댓글
post-thumbnail

프로그래머스 문제풀이: 문자열 내 마음대로 정렬하기 (Javascript)

문제 풀러가기문자열로 구성된 리스트 strings와, 정수 n이 주어졌을 때, 각 문자열의 인덱스 n번째 글자를 기준으로 오름차순 정렬하려 합니다. 예를 들어 strings가 "sun", "bed", "car"이고 n이 1이면 각 단어의 인덱스 1의 문자 "u", "e

2022년 6월 4일
·
0개의 댓글
post-thumbnail

프로그래머스 문제풀이: 모의고사(Javascript) ft. 수포자들

수포자들이 수학문제를 찍을건데 그중에 몇개 맞는지 찾는 문제이다.문제 풀러가기1번 수포자가 찍는 방식: 1, 2, 3, 4, 5, 1, 2, 3, 4, 5, ...2번 수포자가 찍는 방식: 2, 1, 2, 3, 2, 4, 2, 5, 2, 1, 2, 3, 2, 4, 2,

2022년 6월 4일
·
0개의 댓글
post-thumbnail

스파르타 코딩클럽 리액트 강의 [기초] notetaking

2주차 가상돔 html단위 하나하나를 객체로 생각하는 모델 >> 트리구조 DOM 트리 중 하나가 수정될 때마다 모든 DOM을 뒤지고, 수정할 걸 찾고, 싹 수정을 한다면? → 필요없는 연산이 너무 많이 일어난다! → 그래서 등장한 게 가상돔! >> 메모리 상에서 돌

2022년 5월 28일
·
0개의 댓글
post-thumbnail

프로그래머스 문제풀이: 신고결과받기(Javascript)

2022 카카오 블라인드 채용에 나온 문제이다. 문제풀러가기각 유저는 한 번에 한 명의 유저를 신고할 수 있습니다.신고 횟수에 제한은 없습니다. 서로 다른 유저를 계속해서 신고할 수 있습니다.한 유저를 여러 번 신고할 수도 있지만, 동일한 유저에 대한 신고 횟수는 1회

2022년 5월 27일
·
0개의 댓글
post-thumbnail

오브젝트는 어렵다. (ft. JavaScript ES6)

드림코딩의 프엔 개발자 입문강의: 오브젝트 넌 뭐니? 의 강의자료를 가져와봤다. Objects // one of the JavaScript's data types. // a collection of related data and/or functionality. //

2022년 5월 27일
·
0개의 댓글
post-thumbnail

리액트에서 자주 쓰는 if문 모음

컴포넌트에서 JSX를 조건부로 보여주고 싶을때 이렇게 쓴다.여기서 else를 생략할 수 있는데 아래와 같이 자바스크립트 function 내에서 return을 쓰면 return 밑에 있는 코드는 실행되지 않기 때문!ternary operator : 조건문 ? 조건문 참일

2022년 5월 27일
·
0개의 댓글
post-thumbnail

애플코딩 리액트 기초강의 - 작성중

React 기초 create react app을 사용하기 위해 nodejs를 설치한다. 그러면npm이라는 툴을 이용가능하다. 이걸로 라이브러리들을 관리하는 것. npm start해서 시작 app.js에 있는걸 index.html에 다 받아넣어주는 명령을 내리는

2022년 5월 24일
·
0개의 댓글
post-thumbnail

리액트 기초-컴포넌트

클래스형과 함수형이 있는데 클래스형은 잘 쓰지 않는다. 컴포넌트 예)위의 html 조각내보기:1\. 2\. 1\. 2\. 3\. 즉, 이 웹 사이트는, 크게 , , 세 개의 컴포넌트가 있고, 컴포넌트는, , 컴포넌트로 이루어져 있는 것이다. 이렇게 조

2022년 5월 21일
·
0개의 댓글
post-thumbnail

리액트 기초-가상돔과 라이프사이클

DOM은 html 단위 하나하나를 객체로 생각하는 모델로 트리구조이다. 가상돔은 메모리 상에서 돌아가는 가짜 DOM이다.기존 DOM과 어떤 행동 후 새로 그린 DOM(가상 돔에 올라갔다고 표현합니다)을 비교해서 정말 바뀐 부분만 갈아끼워준다.DOM을 새로 그리는 상황:

2022년 5월 21일
·
0개의 댓글
post-thumbnail

리액트 기초- JSX 사용법

JSX 문법을 사용해서 React 요소를 만들고 DOM에 렌더링 시켜서 그린다.HTML을 품은 JS === JSX!JSX에서 쓰는 \~~는 DOM 요소가 아니고 React 요소이다.태그는 꼭 닫아주기무조건 1개의 엘리먼트를 반환하기return할 수 있는 element가

2022년 5월 21일
·
0개의 댓글
post-thumbnail

리액트 시작하기

nvm은 Node.js의 버전 관리자이고 nvm을 통해 node를 설치하면 여러 버전을 한번에 관리하고 쉽게 꺼내서 쓸 수 있다. npm, npx 그래도 사용해도 좋지만 yarn을 사용해보자.CRA(Create React App)는 웹사이트를 만들 때 필요한 것을 몽

2022년 5월 21일
·
0개의 댓글
post-thumbnail

자바스크립트 기초 tutorial

자바스크립트 기본개념 (1) let, const와 Scope 스코프(Scope)가 뭘까? 우리가 어떤 변수를 선언했을 때, 그 변수를 사용할 수 있는 유효범위를 뜻한다. 변수에 접근할 수 있는 범위죠! var: 함수 단위 let: block 단위(변수: let으로

2022년 5월 20일
·
0개의 댓글
post-thumbnail

Javascript 탐구하기 (ft. 모던 자바스크립트 Deep Dive)

loosely typed:느슨한 타입의 언어의 경우 관련되지 않은 타입의 개체들 간의 conversation이 가능하다. strongly-typed 형태에서는 불가능하다. 아래 예시를 보면, 파이썬의 경우 int와 string의 조합은 에러가 발생하지만 자바스크립트에서

2022년 5월 20일
·
0개의 댓글
post-thumbnail

자바스크립트 중급 tutorial

*유튜버 코딩앙마의 "자바스크립트 중급 강좌 : 140분 완성" 강의를 보면서 정리한 자료입니다. 강의 보러가기! 변수 var: function scoped (함수 내에서 벗어나면 사용하지 못함) let, const: block scoped (지역변수 같은 개념.

2022년 5월 19일
·
0개의 댓글