profile
Junior FE Developer
post-thumbnail

[React Native] image 불러오기

HTML에서 image 파일을 불러오기 위한 코드는 다음과 같다.src 는 source 로 어디에 위치하고 있는 이미지를 불러올 것인지를 정해주는 것이다.리액트 네이티브에서 이미지 컴포넌트의 주소를 정해주는 방법은 다음과 같이 source 뒤에 속성 값으로 적어주는 방

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

[React Native] default font styling

위에 시도했는데 ios에서는 성공했지만 android에서는 실패함. 그래서 리넥 공홈에서 추천하는 방법인 하나의 컴포넌트로 관리로 바꿈. 이렇게 하면 android도 잘 적용되긴 함. 그런데 폰트 적용은 되는데 스타일 상속이랑 boxSize 등 다른 속성값들이 변

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

[MAC M1] React Native 개발 환경 구축 및 에러 해결

Homebrew Homebrew : https://brew.sh/ Homebrew 사이트에서 설치한 후 터미널에서 위의 명령어를 통해 설치 및 버전을 확인합니다. 정상적으로 설치되었다면 다음과 같이 버전을 확인할 수 있습니다. ![](https://images.v

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

Suulgo를 다시 시작하며

공식적으로는 위코드 내에서의 2차 프로젝트인 술고는 끝이 났다.그렇지만 우리끼리 만들어보는 술고는 절대 끝이 없다.무려 3차 스프린트 미팅이 기다리고 있다 ㅋㅋ필수 기능 구현에 집중했던 우리 팀은 만들어보고 싶은 기능들을 추가 기능 구현으로 분리하여새로운 칸반보드를 만

2021년 12월 26일
·
0개의 댓글

2ND-SuulGo 를 마무리하며

구유진   PM • Frontend •오동녘어진이   Frontend • 프론트 엔드 테크 리더김재호   Frontend • 퍼포먼스 관리김은찬   Backend • 백엔드 테크 리더길동화   Backend • aws배포유현이   Backend • github관리SUU

2021년 12월 26일
·
0개의 댓글

[javascript] 데이터 가공 2

술고 2차 프로젝트에서 utils.js로 관리했던 함수들을 기록하고 설명해보고자 한다.설명 이전에 서버로 부터 들어오는 userData의 모습은 다음과 같다.위 함수는 함수명 그대로 object type의 userData를 argument로 받아서 1) userArra

2021년 12월 26일
·
0개의 댓글

[codeKata] maxProfit

Q. nums라는 배열을 주면, 버블정렬 알고리즘으로 배열을 정렬해주세요. A.

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

style component를 활용한 조건부 렌더링

여러 선택지가 렌더링 된 후에 이들 가운데 user가 선택한 선택지들만 다른 효과(이번 프로젝트에서는 background-color와 color만 다르게 효과를 주었다.)를 주는 방법으로 style component를 통해 props를 주고 그 props를 style

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

[javascript] 데이터 형식 가공

2차 프로젝트 술고 에서의 userData의 형식은 다음과 같이 서버에서 불러와진다. 이때 key에 "alcohol_" 로 시작하는 데이터들은 배열안의 배열로 관리되는 편이 좋을 것 같아서 가공을 해보았고, 생각보다 가공할 때 로직 공부하던게 재밌었고 도움이 많이 되어 기록으로 남겨본다. 먼저 userData를 infinity depth로 배열 형태로 ...

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

[javascript] 중복 삭제

위코드 1차 프로젝트를 진행하며 많은 부분이 힘들고 어려웠지만 서버 단에서 리소스를 받아 화면에 렌더링하는 부분을 많이 맡았던 난 서버에서 데이터를 어떻게 받아서 가공하는 지가 쉽지않았다. 서버에서 데이터를 통으로 받아서 프론트 단에서 가공해서 써야될 때가 왕왕 있

2021년 12월 12일
·
0개의 댓글

[codeKata] maxProfit

prices는 배열이며, 각 요소는 매일의 주식 가격입니다. 만약 한 번만 거래할 수 있다면, 제일 큰 이익은 얼마일까요?

2021년 12월 12일
·
0개의 댓글

[codeKata] solution

양수 N을 이진법으로 바꿨을 때, 연속으로 이어지는 0의 갯수가 가장 큰 값을 return해 주세요. 이어지는 0은 1과 1사이에 있는 것을 의미합니다. 1과 1사이에 있는 0을 binary gap 이라고 하겠습니다.

2021년 12월 12일
·
0개의 댓글

[codekata] moveZero

A.

2021년 12월 5일
·
0개의 댓글

[codekata] recursion algorithm

A.

2021년 12월 5일
·
0개의 댓글

[codekata] 복소수 계산

A.

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

[Javascript] 스프레드 연산자(spread syntax)

생겨먹은 건 ... 이렇게 생긴 스프레드 연산자???알아보자.일단 MDN에서는 뭐라하냐면, 전개 구문을 사용하면 배열이나 문자열과 같이 반복 가능한 문자를 0개 이상의 인수 (함수로 호출할 경우) 또는 요소 (배열 리터럴의 경우)로 확장하여, 0개 이상의 키-값의 쌍으

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

[Javascript] 템플릿 리터럴(template literal)

템플릿 리터럴, 혹은 템플릿 스트링(template string)은 [ES6]에서 소개된 문법. 이름처럼 템플릿의 형태로 변수 값이나, 내장된 표현식의 결과에 따라 문자열이 바뀜. 문법은 문자열을 작은 따옴표('') 혹은 큰 따옴표("")로 감싸는 것이 아니라 백틱을

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

[Javascript] Array.push() vs Array.concat()

javascript 언어 및 이를 활용한 언어 환경에서 배열은 정말 자주 사용된다.이때 자주 사용된다는 의미는 배열끼리 더하고 빼고 지지고 볶고를 모두 포함한 의미이다.배열끼리 더하는 경우에, push 메서드, concat 메서드, unshift 메서드가 자주 사용된다

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

map 함수 적용시 key props를 부여하는 이유

위와 같이 코드를 작성했을 때 정상인 것처럼 브라우저에는 렌더링되지만 Missing "key" prop for element in iterator 와 같은 warning message가 뜨고, 터미널에는 사진과 같이 컴파일되었지만 warning이 있다는 메세지가 뜬다!

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