profile
프론트 엔드와 심리학을 공부하는 대학생입니다 :)
post-thumbnail

리액트에서 이미지 업로더 구현하기

파일선택 Input 만들기선택된 파일 읽기파일 전송하기팀 프로젝트에서 이미지 업로더를 구현 기능을 맡았다. 크게 미리보기 기능과 파일 전송 기능으로 나눠서 기능을 구현했다.여기까지 하면 아래와 같이 데스크탑에서 파일을 선택할 수 있는 버튼이 생성된다.일반적인 Input

2021년 7월 16일
·
0개의 댓글
·
post-thumbnail

[JavaScript] JS 함수형 프로그래밍 3단계로 설명하기

SOPT 동아리를 시작하면서, 생각보다 많은 분들이 꾸준히 블로그 글을 적고 계신걸 봤다! 노션에 쌓아놓기한 reference 와 내가 나름 정리한 내용을 이제는 그만 미루고 내용을 이해했다면 블로그에 기록하는 습관을 가지려고 한다 :) 함수형 프로그래밍 함수형 프로

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

useMemo 와 useCallback에 대해서 알아보자

들어가기 전에왜 useMemo 를 사용할까?예제 코드예제에 useMemo 적용해보기왜 useCallback 을 사용할까?예제에 useMemo 적용해보기ReferenceuseMemo 는 메모이제이션된 값을 반환하게 합니다. useEffect 와 유사하게 useMemo 는

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

옵셔널 체이닝에 대해서 알아보자

옵셔널 체이닝 연산자인 ?. 는 체인의 각 참조가 유효한지 검증하지 않고, 연결된 객체 체인 내의 깊숙이 위치한 속성 값을 읽을 수 있습니다. . 체이닝 연산자와 유사하게 작동하지만, ?. 연산자는 참조가 null 또는 undefined 이라면 에러가 발생하는 것 대신

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

[JS] 로컬 스토리지 이해하고 활용하기

로컬 스토리지 vs 세션 스토리지로컬 스토리지의 기본 API 저장된 데이터를 어디서 확인할 수 있지?문자형 데이터 타입만 지원하는 웹 스토리지.. 해결책은?활용 코드자바스크립트로 웹 개발을 하다보면 데이터를 저장해야하는 순간이 필연적으로 찾아옵니다. 보통 백엔드까지 경

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

[React] Component 와 Props , State 에 대해서 알아보자

1\. Component 란?2\. Props 와 State 란? 컴포넌트는 우리가 UI 를 독립적이고 재사용 가능하게 나눌 수 있게 해줍니다. 개념적으로 컴포넌트는 자바스크립트 함수입니다. 임의의 props 라는 Input 을 받아서 화면에 무엇이 보여질지 기술하는

2021년 4월 15일
·
1개의 댓글
·
post-thumbnail

[JS : CLEAN CODE] 변수

변수를 이름 짓는건 꽤나 많은 창의성을 요구한다Clean Code 강의에서 나오는 변수 네이밍할 때 사용될 TIP 을 정리해보자안좋은 예:좋은 예:안좋은 예:좋은 예:우리는 작성할 코드보다 읽을 코드가 더 많습니다. 그렇기 때문에 코드를 읽기 쉽고 검색 가능하게 작성해

2021년 4월 10일
·
0개의 댓글
·
post-thumbnail

[HTML & CSS] Media Query

HTML, CSS 는 공부하면 할 수록 새로운 내용들이 나오는 것 같다.충분히 새로운 개념에 대해 이해하고 정리하는 습관을 기르자!media query는 반응형 웹을 만드는 css 기술로, 어떤 조건에서 어떤 css를 적용하자! 라는 명령을 줄 때 쓴다. 특히, 사용자

2021년 4월 10일
·
0개의 댓글
·
post-thumbnail

[JS: CLEAN CODE] 함수

JavaScript는 Haskell처럼 함수형 프로그래밍 언어는 아니지만 함수형 프로그래밍처럼 작성할 수 있다. 함수형 언어는 더 깔끔하고 테스트하기 쉽다. 선언형 프로그래밍은 어떤 방법으로 해야하는지 보다는 무엇을 얻을지를 설명하는 방식이다.함수형 프로그래밍 : 순수

2021년 4월 9일
·
0개의 댓글
·
post-thumbnail

[JS : CLEAN CODE] 객체와 자료구조

글을 쓸 때 내가 항상 이 글을 왜 쓰는지 질문을 던져야조금 더 글을 쓰는 방향이 명확해지는 거 같다. SOPT 에서 저번 주 토요일부터 클린코드 / 최적화 스터디를 시작했다.React 를 이제 막 공부하기 시작하면서, JS 를 기본적인 개념보다 조금 더 딥하게 공부하

2021년 4월 8일
·
1개의 댓글
·
post-thumbnail

[개발자] 인터넷과 WEB 의 차이

SOPT 첫 세션에서 웹의 동작원리에 대해서 들었다.우리는 흔히 웹과 인터넷을 혼용해서 사용하고는 하는데,웹의 동작 과정을 배우기 이전에 웹과 인터넷의 차이를 알고 싶었다.인터넷과 웹의 차이 ?인터넷웹HTTP인터넷과 웹은 서로 다른 개념이며, Internet > Web

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

[JS Challenge] 001

label 은 폼의 양식에 이름 붙이는 태그 label 의 for 값과 양식의 id 의 값이 같으면 연결된다label 을 클린하면 연결된 양식에 입력할 수 있도록 하거나, 체크를 하거나 체크를 해제한다append 와 appendChild 의 차이this.reset()

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

[알고리즘] CodeUp 1041~1062

Python 문법 > CodeUp 1042 : [기초-산술연산] 정수 2개 입력받아 나눈 몫 출력하기(설명) > 1048 : [기초-비트시프트연산] 한 번에 2의 거듭제곱 배로 출력하기(설명) > 1059~1062 : [기초-비트단위논리연산] 1059 비트

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

[알고리즘] CodeUp (1021~1040)

파이썬으로 알고리즘을 공부한지 일주일 정도 됐다.파이썬 문법도 처음하다 보니 그 다음날 다시 풀다보면 헷갈리는 문법이 많았다.md 파일로 따로 관리하려 했는데 생각보다 가독성도 떨어지고 자주 안찾아보게 된 것 같다.velog 라는 커뮤니티를 활용해서알고리즘과 네이버 부

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