post-thumbnail

로고

2일 전
·
0개의 댓글
post-thumbnail

옛날 프로젝트 회고...?

요즘 프로젝트를 하면서 과거에 했던 프로젝트가 생각난다. 국비학원에서 spring프레임워크에 자바,oracleDB 등을 배웠고, 이를 활용해서, 하나의 프로젝트를 만드는 것이었다. 당시에 모인 사람들이 대부분 일본취업을 준비하던 사람들이었고, 그래서 일본어로 만들어졌다

6일 전
·
0개의 댓글
post-thumbnail

[React] 홈페이지에 맞는 지도를 만들고 싶어.

원래는 추가 기능 구현으로 나중에 하려고 했는데, 팀원분의 작업을 머지를 해야 기능을 구현할 수 있었다. 그래서 시간이 조금 떠서 지도를 구현하였다. google-maps-react api를 통해 구현했다. 리액트를 하면서 느끼지만, 과거에 했던 스프링보다 정말 이런

6일 전
·
0개의 댓글

[React] 로그인, 회원가입

회원가입 컴포넌트에서 입력한 패스워드가 패스워드 확인에 쓰여진 값과 같은지를 확인하는 기능을 만들었다. 그래서 처음 작성한 코드는 하지만 중복되는 코드가 있어서, password === passwordConfirm를 변수로 만들어서 중복을 피하고자 했다. 그런데 뭔가

6일 전
·
0개의 댓글
post-thumbnail

[React] 쇼핑몰 만들어보면서, 리액트 흐름 이해하기.

index.js는 ReactDOM.render(보여줄 컴포넌트와, html에서root의 id값을 갖는 곳에 넣을것.)는 context 컴포넌트가 있는 곳으로, export는 ProductProvider와 ProductConsumer 두개를 한다. 에는 import {

2021년 2월 11일
·
0개의 댓글

[React]Context

Context provides a way to pass data through the component tree without having to pass props down manually at every level.context는 데이터를 컴포넌트의 트리를 통해 전달

2021년 2월 11일
·
0개의 댓글

[React]1주일동안 공부할 기록

클래스형 리액트를 공부하려고 했는데, ㅎㅎㅎ 자료가 없다. 대부분의 강의들은 모두 함수형 ????ㅎㅎㅎㅎ??? ㅠㅠㅠ 그런데ㅋㅋㅋㅋㅋㅋ 옛날에 리액트가 핫하다고 해서, 아무것도 모르고 산 do it 리액트 책이 클래스형으로 써져있는거다 !!!! 다행이다 ㅠㅠ 저번주말

2021년 2월 8일
·
0개의 댓글
post-thumbnail

[React] Instagram clone 과정 기록.

사용자가 어떤 주소로 들어 왔을 때 그 주소에 해당되는 적당한 페이지를 사용자에게 보내주는 것리액트 라우터 돔을 적용하고 싶은 컴포넌트의 최상위의 컴포넌트를 감싸주는 wrapper 컴포넌트 브라우저 라우터라는 컴포넌트로 App을 깜싸준다 App은 브라우저 컴포넌트 안에

2021년 2월 7일
·
0개의 댓글

[JS] value값으로 key값 찾기!

저번부터 value값으로 key값을 찾고 싶은 경우가 있었는데, 방법을 찾지 못해서 우회하는 방법을 사용해왔었다. https://stackoverflow.com/questions/9907419/how-to-get-a-key-in-a-javascript-object-

2021년 2월 7일
·
0개의 댓글

[JS] 논리연산자로 max string 찾기

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/%EB%85%BC%EB%A6%AC%EC%97%B0%EC%82%B0%EC%9E%90(LogicalOperators) MDN에서 보면 a

2021년 2월 3일
·
0개의 댓글

[React] 자바스크립트 map()함수 이용!

자바스크립트 배열 객체의 내장 함수인 map 함수를 사용하여 반복되는 컴포넌트를 렌더링할 수 있다. map 함수는 파라미터로 전달된 함수를 사용해서 배열 내 각 요소를 원하는 규칙에 따라 변환한 후 그 결과로 새로운 배열을 생성한다.array.map(콜백함수(현재값,

2021년 1월 29일
·
0개의 댓글

[React] 정리중.

JSX문법에서 리액트 컴포넌트에서 요소 여러개를 하나의 요소로 감싸주는 이유는, DOM 트리 구조로 이루어져야 한다는 규칙때문. 클래스형 컴포넌트와 함수형 컴포넌트의 차이점은 클래스형 컴포넌트의 경우 state, 라이프사이클 기능을 사용할 수 있다는 것과 임의 메서드를

2021년 1월 29일
·
0개의 댓글
post-thumbnail

[JS] Sliding Window 알고리즘

https://leetcode.com/problems/longest-substring-without-repeating-characters/ Example 1:Input: s = "abcabcbb"Output: 3Explanation: The answer is

2021년 1월 27일
·
0개의 댓글

[React] React Router

SPA : Single Page Application. 한 개의 페이지로 이루어진 애플리케이션. 기존에는 사용자가 다른 페이지로 이동할 때마다 새로운 html을 받아 오고, 페이지를 로딩할 때 마다 서버에서 리소스를 전달받아 해석한 뒤 화면에 보여주었다. 이렇게 사용자

2021년 1월 26일
·
0개의 댓글
post-thumbnail

[React] Event 걸기

콘솔에 나오는 e객체는 SyntheticEvent로 웹 브라우저의 네이티브 이벤트를 감싸는 객체이다. SyntheticEvent는 네이티브 이벤트와 달리 이벤트가 끝나고 나면 이벤트가 초기화되므로 정보를 참조할 수 없다. 예를들어, 0.5 뒤에 e 객체를 참조하면 e객

2021년 1월 25일
·
0개의 댓글

HTTP , 웹 동작

https://developer.mozilla.org/ko/docs/Web/HTTP/OverviewHyper Text 하이퍼 텍스트는 하이퍼 링크를 통해 독자가 한 문서에서 다른 문서로 즉시 접근할 수 있는 텍스트라고 한다. 하이퍼텍스트는 사용자가 원하는 순서

2021년 1월 24일
·
0개의 댓글
post-thumbnail

[React] 공부기록.

Error: The style prop expects a mapping from style properties to values, not a string위의 문제는 바로, {}괄호가 하나가 들어있었기 때문이다. style={color}의 문제이다. JSX에서 {}를 써

2021년 1월 23일
·
0개의 댓글

[React] 리액트?

앵귤러는 화면 출력, 형상 관리부터 배포까지 많은 기능을 포함한 완성형 프레임워크를 지향.뷰제이에스는 가장 나중에 나온 프레임워크로, 다른 프레임워크의 장점은 흡수하고 단점은 보완한 프레임워크리액트의 다운로드 수가 가장 높은 라이브러리.리액트는 페이스북을 개발할 때 사

2021년 1월 21일
·
0개의 댓글

[JS]완주하지 못한 선수

수많은 마라톤 선수들이 마라톤에 참여하였습니다. 단 한 명의 선수를 제외하고는 모든 선수가 마라톤을 완주하였습니다.마라톤에 참여한 선수들의 이름이 담긴 배열 participant와 완주한 선수들의 이름이 담긴 배열 completion이 주어질 때, 완주하지 못한 선수의

2021년 1월 20일
·
0개의 댓글
post-thumbnail

자바스크립트로 인스타그램 구현하는 과정 기록

최대한 인스타그램의 태그들과 비슷하게 하려고 레이아웃을 짰다. 처음에는 왜 굳이 이렇게 짜는건가라고 생각했는데, 조금씩 구현해나아가면서, 아 그래서 div하나가 더 필요하구나라고 느끼게 되었다. 자바스크립트로 @와 패스워드의 값이 5개 이상일때 파란색을 활성화하도록

2021년 1월 19일
·
0개의 댓글