profile
꾸준히.... 깔끔하게.... 끝까지....
post-thumbnail

[JS] DeepDive - 11장

원시 값과 객체의 비교 자바스크립트에서 제공하는 7가지 데이터 타입(숫자, 문자열, 불리언, null, undefined, 심벌, 객체 타입)은 크게 원시 타입과 객체 타입으로 구분할 수 있다. 원시 타입과 객체 타입의 다른점 3가지 원시 타입의 값은 변경 불가능한

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

[JS] DeepDive - 10장

프로그램에서 인식할 수 있는 모든 대상데이터를 저장하고 처리하는 기본 단위객체는 인스턴스 형태로 만들어서 사용함

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

[JS] DeepDive - 9장

자바스립트에는 모든 값에 타입이 있다. 숫자, 문자, boolean ...이런 타입들이 개발자의 의도나 의도와는 상관없이 변환되는 것을 타입 변환이라고 한다.개발자와의 의도와는 상관없이 표현식을 평가하는 도중에 암묵적으로 타입이 자동 변환되는 것을 말한다.두번째 콘솔로

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

[JS] DeepDive - 8장

조건에 따라 코드블록을 실행(조건문)하거나 반복실행(반복문)할 때 사용한다.제어문을 사용하면 위에서 아래로 순차적으로 진행되는 기존의 코드 실행 흐름을 인위적으로 제어할 수 있다.하지만 코드를 이해하기 어렵게 만들어 가독성을 해치는 단점이 있다0개 이상의 문을 중괄호로

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

[JS] DeepDive - 7장

하나 이상의 표현식을 대상으로 산술, 할당, 비교, 논리, 타입, 지수 연산등을 수행해 하나의 값을 만든다.2개의 피연산자를 산술 연산하여 숫자 값을 만든다.\+, -, \*, /, %1개의 피연산자를 산술 연산하여 숫자 값을 만든다.\++, --, +, - \++와

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

[JS] DeepDive - 6장

자바스크립트의 모든 값은 데이터 타입을 갖는다.7개의 데이터 타입은 원시타입과 객체 타입으로 분류된다.모든 수를 실수로 처리하며, 정수만 표현하기 위한 데이터 타입은 존재하지 않는다.3개의 특별한 값 존재문자열은 작은따옴표, 큰따옴표, 백틱으로 감싼다.ES6부터 도입된

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

[JS] DeepDive - 5장

식이 평가되어 생성된 결과위 코드를 보면 sum이라는 변수에 10+20을 할당한다.변수란 하나의 값을 저장하기 위해 확보한 메모리 공간이라고 공부했었다. 즉 변수에 할당하는 것은 "값"이다.즉, 위 코드의 sum이라는 변수에 할당되는 것은 10+20 이 아닌 10+20

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

[JS] DeepDive - 4장

카페에서 동기가 나한테 질문을 했을 때 나는 '무언가를 담는 가방'이라고 설명했다. 하지만 이 가방이 왜 필요한지에 대해서는 명확히 설명하지 못했다. 그 동기를 만나 변수개념과 그 용도를 다시 잘 설명할 수 있도록 자세히 알아보도록 하자.하나의 값을 저장하기 위해 확

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

[JS] DeepDive - 1,2장

컴퓨터에게 실행을 요구하는 일종의 커뮤니케이션!컴퓨터는 0과 1밖에 알지 못하는 기계이다. 그래서 컴퓨터한테 우리의 요구사항을 설명할 때 컴퓨터가 실행할 수 있을 정도로 정확하고 상세하게 설명을 해야한다. 이러한 설명을 하는데 필요한 언어가 프로그래밍언어다. 나는 그중

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

[회고록] 기업협업

한달동안 '어글리어스'라는 스타트업에서 협업을 진행했다. 진행하는동안 느꼈던 점을 회고록 작성을 통해 다시 한번 정리하고 아쉬웠던 점을 피드백할 수 있는 기회를 가지고자 한다.기업협업을 진행해보니 내가 지난 1,2차 프로젝트를 얼마나 비체계적으로 작업했는지 알 수 있

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

[Git] stash 사용법

가끔 작업을 하다가 branch를 변경할 때가 있는데 이럴 때마다 현재 작업하고 있던 것들을 add하고 Commit을 해야했었다. 하지만 stash를 이용하면 이런 불편한 점을 해결 할 수 있다.stash란? 아직 마무리 되지 않은 작업을 스택에 잠시 저장할 수 있도록

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

[React] 상태관리 라이브러리 - Recoil

React에서는 자식컴포넌트에서 부모컴포넌트의 state를 바꿀 수 있는 방법은 2가지가 있다.부모컴포넌트로부터 setState함수를 받아온다.state management tool을 이용한다(redux, recoil)1번과 같은 방법을 사용하면 부모와 자식의 dept

2022년 3월 28일
·
0개의 댓글

[ 알고리즘] Longest Common Prefix

1. 문제 내용 배열 안에 요소들 중에 가장 긴 공통 접두사 문자열을 찾는 함수를 작성하자. 공통 접두사가 없으면 빈 문자열을 반환하자. 2. 알고리즘 구상 (1) 일단 배열이 비어있는 경우 빈 문자열을 반환하도록 하였다. (2) 그 다음으로 기준의 되는 첫번째 배

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

[React] 예제 실습

먼저 그림에는 없지만 uesEffect를 써야하기 때문에 import를 먼저 해준다. useEffect의 첫번째 인자에는 fetch함수를 넣어서 데이터를 호출한다. 원래는 메서드도 작성을 하지만 GET의 경우는 생략해도 된다.fetch가 다 일어난 후에 then메서드를

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

[회고록] Chick'In 팀 (1차 프로젝트)

소고기와 돼지고기를 판매하는 사이트 설로인(https://www.sirloin.co.kr)을 모티브로 하여 닭고기와 오리고기를 판매하는 Chick'In 사이트로 컨셉을 잡았습니다.2주라는 짧은 기간과 프론트엔드와 백엔드가 같이 처음 진행한 팀프로젝트이기 때문에

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

[통신] RESTful API

REpresentational State Transfer (대표 상태 전송)의 줄임말로 웹에 존재하는 모든 자원에 고유한 URL을 부여하여 자원에 대한 주소를 지정하는 규칙.특성 - 각 요청이 어떤 동작이나 정보를 위한 것인지를 그 요청의 모습 자체로 추론이 가능하다.

2022년 3월 6일
·
0개의 댓글

[React] State(2) - 버튼 구현

이번에는 state를 이용하여 버튼기능을 구현해보려고 한다.쿠기를 눌렀을 때 동작하는 것을 하려고 한다면? 바닐라 자바스크립트에서 배운 addEventListener, onclick 같은 것이 생각날 것이다. 바닐라 자바스크립트 : onClick="클릭될 떄 실행할 J

2022년 3월 6일
·
0개의 댓글

[React] State(1)

JavaScript에는 데이터를 저장하는 방법으로 변수를 사용했었다. 하지만 react로 넘어오면서 state라는 개념이 나타났다. 이 state는 웹이 앱처럼 동작하게 만들어준다.이게 무슨 소리냐? state로 만들어진 데이터가 바뀌면, 데이터를 담고있는 HTML이

2022년 3월 6일
·
0개의 댓글

[알고리즘] - 로마숫자 -> 아라비아숫자

로마자에서 숫자로 바꾸기1~3999 사이의 로마자 s를 인자로 주면 그에 해당하는 숫자를 반환해주세요. 로마 숫자를 숫자로 표기하면 다음과 같습니다.Symbol ValueI 1V 5X 10L

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

[JavaScript] 문자열 자르기(substr, substring, slice)

알고리즘 문제를 풀다가 문자열을 수정하거나 특정부분을 추출할 때가 상당히 많았다. 그럴때마다 메서드를 검색했어야했는데 이번 기회에 한번 정리를 해보려고 한다.문자열을 자르는 메서드는 기본적으로 3가지가 있다. \-substr\-substring\-slicesubstr(

2022년 2월 27일
·
0개의 댓글