본문 바로가기

전체 글84

[Flutter #3] Xylophone & Quizzler 📚이 포스트는 안젤라의 유데미 플러터강의를 듣고 제가 찾아본 내용을 바탕으로 작성한 글입니다! 📚 예전에 공부하면서 노션에 정리해놓았던걸 다시 가져와서 조금 뒤죽박죽해 보일 수 있습니다. 강의에서 쓰였던 개념 위주의 짤막짤막한 설명입니다. 😓 Xylophone : Flutter Package 사용법 Xylophone 파트에서는 Flutter Package를 사용하는 방법을 위주로 만들어졌다. Flutter Packages - text, sound, font 다 넣는 방식 동일하다 https://pub.dev/ 에서 원하는 패키지를 다운받기 다운로드 사이트에 example과 설명 다 존재하니까 그 설명보고 아래와 같이 코드에 작성하면된다. dependencies: english_words : ^ 3.1.5.. 2021. 1. 5.

Input 태그, 속성 오늘은 그동안 리액트 코드를 작성하면서 무작정 따라하기만 바빴었는데, 쭉 예제를 작성해오면서 빠지지않는 태그들이 있었다. input태그가 참 많이 쓰였는데 계속 쓰면서 공부가 부족해서 제대로 쓰지 못하는 것 같아서 좀 찾아봤다. this.input = ref} type='password' value={this.state.password} onChange={this.handleChange} className={this.state.clicked ? (this.state.validated ? 'success' : 'failure') : ''} onKeyPress={this.onKeyPress} /> 이렇게 input 태그를 작성할때 태그 안에 작성되는 속성들을 더 다양하게 알고, 잘 활용하고 싶다는 생각에 찾.. 2021. 1. 3.

[React] 스크롤박스 코드에 위아래 이동 기능 구현 📖리액트를 다루는 기술📖 책에 있는 ref예제인 스크롤 박스 조작 코드는 '맨밑으로'라는 버튼을 누르면 자동으로 스크롤을 맨 밑으로 내려가게 해주는 내용이다. 하지만, 나는 여기서 응용하기 위해서 버튼을 누를 때마다 스크롤 박스가 위, 아래로 이동할 수 있도록 구현하고 싶었다. 리액트를 다룬지 얼마 되지 않아 처음에는 이미 작성되어져 있는 코드를 어디서부터 손 대야 될지 막막했지만, 앞에서 했던 예제들을 이용해서 곧장 방법을 찾아낼 수 있었다. 일단 스크롤이 내려가있을때는 버튼을 누르면 올라와야하고, 올라가있을 때는 내려와야하기 때문에 상황에 따라 값이 달라지기 때문에 이에 대한 초기값들을 설정해줘야한다. 이에 따라 앞 장에서의 예제들을 떠올려서 state에 대한 초기값을 App.js에 설정해주었다. s.. 2021. 1. 2.

[React] ref 오늘은 ref에 대해서 공부해보았다. 리액트를 다루는 기술 책을 보면서 공부를 하다가 ref에 대해서 이해가 부족해서 공식문서를 찾아보게 되었다. ko.reactjs.org/docs/refs-and-the-dom.html ref(Reference) ref는 레퍼런스라는 뜻인데, 이를 번역하면 참조라는 말이다. 과연 코딩에서 참조라는 것은 어떤 것을 뜻하는 것일까? 원래 다른 언어를 배울 때, 참조는 복제와 비교가 되었었다. 복제는 파일을 복사하는 것이라면, 참조는 바로가기를 만드는 것과 같다고 비유되었다. 참조는 원본 파일에 대한 주소 값이 담겨있어서 누군가가 이 바로가기에 접근했다면 여기에 저장된 원본의 주소를 참조해서 원본의 위치를 알아내고 원본에 대한 작업을 하게 되는 것이다. 쉽게 말하면, 원격으.. 2021. 1. 1.

Git branch 오류 탭 알고리즘 스터디를 만들려고 선배랑 깃헙에 organization을 새로 팠다. 서로 공통된 문제 2개를 일주일동안 고민하고 풀어보는 과정을 통해 만들어 놓은 깃헙 organization 레포 안에 자신의 이름이 있는 폴더 안에 커밋하기로 계획했다! 그리고는 각자의 브랜치로 올려서 나중에 merge하기로 했는데 이 과정에서 아주 많은 시행착오들이 있었다. 깃헙은 협업의 툴이다. 근데 참 어렵다....😟 처음에는 PR이 제대로 되는 것 같았는데, 한 번 충돌이 일어나더니 계속 꼬였었다. 그래서 선배도 나도 계속 PR을 시도했지만, PR이 제대로 일어나지 않고 있었다. 먼저, 저번에 작성한 git PR에 대한 포스트에는 명령어로 하지 않고 깃헙 페이지에서 했었는데 이번에 처음으로 명령어로 해보았다. 제가 .. 2020. 12. 31.

[React] render() 함수 render함수에 대한 궁금증은 오늘 컴포넌트에 관한 리액트 공식문서를 보다가 시작됐다. 함수형 컴포넌트와 클래스형 컴포넌트의 차이에 대해서 공부를 하다가 render함수에 대한 의문이 생겼다. 위 문서를 보다가 지금까지 예제로 작성해봤던 코드들과 다르게 ReactDOM.render라는 함수가 쓰인것을 보게 되었다. 지금까지는 클래스형 컴포넌트에서 state값을 변경하기 위해서 render함수를 작성하는 것 밖에 없었는데 ReactDOM.render함수는 과연 어디에 쓰이는 것일까?라는 궁금증에 이곳저곳에 찾아보았다. render함수에 대한 공식문서(ko.reactjs.org/docs/react-dom.html#render)를 보게 되었을 때, ReactDOM.render함수는 최신의 React 엘리먼트.. 2020. 12. 30.

이전 1 ··· 6 7 8 9 10 11 12 ··· 14 다음

티스토리툴바