전체 글 썸네일형 리스트형 React 빠르게 복습하기 2. Thinking in React React 빠르게 복습하기 2. Thinking in React개요이번엔 공식홈페이지의 두번째 자료를 따라가보도록 하겠다 Thinking in React – ReactThe library for web and native user interfacesreact.dev React에서 UI를 만드려면1. component로 구분하고2. state에 따른 component의 생김새를 만들어주고3. component 간의 data flow를 만들어 주면 된다고 한다.공식 홈페이지에 있는 검색가능한 테이블 앱을 같이 만들며 이해해보자. 우선 데이터와 디자인은 정해져있고 다음과 같다.(API 명세와 design mock up) 보통 React로 UI를 구성할 때 아래 5가지 step을 따른다고 한다.Step 1: .. 더보기 React 빠르게 복습하기 1. Tutorial React 빠르게 복습하기 1. Tutorial개요예~~전에 리액트를 잠깐 깔짝 해본적이 있는데(여기서 -> https://github.com/osamhack2021/web_Guntor-Guntee_EarlyFried)그땐 프로젝트의 전반적인 이해 없이 그냥 열심히만 했던 기억이 있다. 마침 이번 2학기에 한 교수님의 연구실에서 코딩 알바를 하게 되었는데 거기서 React랑 Spring을 쓸 것 같고,현재 진행중인 방울이 프로젝트의 랜딩페이지를 만들어볼겸 빠르게 복습해보기로 했다. 전체적인 과정은 React 공식 홈페이지를 따라가볼 예정이다.IDE는 VSCode를 쓰기로 했다. 공식홈페이지의 첫번째 자료인 튜토리얼을 따라가보자 Tutorial: Tic-Tac-Toe – ReactThe library fo.. 더보기 jetbrain IDE(안드로이드 스튜디오)에서 커서 고정 버그 해결 안드로이드 스튜디오에서 작업을 하다가 보면 마치 갑자기 프로젝트 트리에서 어떤 파일도 선택할 수 없고 코드 편집창에서 커서가 고정된 채로 어딜 클릭하던 shift를 누른채 클릭한 것처럼 드래그가 되는 버그가 있다 버그 발생 조건은 아직 파악 못했지만 한/영키를 누르면 해결된다. 더보기 무음모드인 갤럭시 휴대폰 어디있는지 모르겠을 때 찾는 방법 진짜 바보 같긴 한데 1분 전까지 휴대폰을 들고 있었는데 어디다 뒀는지 못 찾겠다.. 무음모드로 해놔서 다른 사람 휴대폰으로 전화를 걸어도 소리가 안들리고 혹시나 싶어 보이스톡도 걸어봤지만 역시 들리지 않는다 찾아보니까 방법이 있었는데 바로 삼성 내 디바이스 찾기라는 기능이다 다음 링크로 이동하자 https://www.samsung.com/sec/apps/smartthings-find/ SmartThings Find | 앱 & 서비스 | Samsung 대한민국 갤럭시 스마트폰을 분실하셨나요? 걱정하지 마세요. 'SmartThings Find'로 현재 디바이스의 위치를 쉽게 찾을 수 있습니다. 또한, 무선으로 디바이스를 잠그거나 디바이스 내 데이터 전체를 삭제할 www.samsung.com 삼성계정 로그인.. 더보기 MySql 오류 해결 - ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near 'identified by' MySql 8.0 이후부터는 계정 생성과 권한 부여를 한 번에 할 수 없다 원래는 다음과 같이 한 번에 설정할 수 있었지만 mysql> grant all privileges on DB이름.* to 계정ID@'%' identified by '비밀번호'; mysql> flush privileges; 이제는 다음과 같이 설정해줘야한다 mysql> create user 계정ID@'%' identified by '비밀번호'; mysql> grant all privileges on DB이름.* to 계정ID@'%'; mysql> flush privileges; 더보기 백준 26156: 나락도 락이다 아이디어 & 코드 아이디어 뒤에서부터 보면서 'K', 'C', 'O'를 찾으면서 각 인덱스에서 "OCK"를 만들 수 있는 경우의 수를 구한다 그리고 값이 'R'인 모든 인덱스에서, 그 인덱스에서 1. "OCK"를 만들 수 있는 경우의 수와 그 인덱스의 2. 앞에 있는 문자의 개수만큼 2의 거듭제곱을 한 값을 구한다. 그리고 1과 2를 곱해 나온 값을 모두 더하면 답이 나온다 쉽게 이해하려면 R인 인덱스 기준으로 보면 된다 1. R인 인덱스 뒤에서 "OCK"를 만들 수 있는 경우의 수 -> 그 R을 가지고 ROCK을 만들 수 있는 경우의 수 2. 앞에 있는 문자의 개수만큼 2의 거듭제곱을 한 값 -> R 앞에 있는 문자 모두를 넣거나 넣지 않거나 하는 경우의 수 1과 2를 곱하면 그 R을 기준으로 가능한 ROCK으로 끝나는.. 더보기 백준 20955 아이디어 문제에서 말하는 사이클이 없는 그래프인 트리를 위한 edge의 삭제, 추가 횟수를 구하려면 다음과 같은 순서를 거쳐야 한다 1. 주어진 edge 중에서 사이클을 생성하는 edge를 다 쳐낸다 2. 주어진 edge로 만들어지는 그룹의 개수를 구한다 3. 쳐낸 edge 수 + 그룹 개수 - 1이 답이 된다 1번은 MST의 Kruskal 알고리즘에서 나오는 union find 알고리즘을 통해서, 2번은 DFS로 구하면 된다 union find 알고리즘을 처음 구현해봐서 포스팅하게 되었다. 코드 #define _CRT_SECURE_NO_WARNINGS #include #include using namespace std; int N, M; vector E; bool visited[100000]; int .. 더보기 36. Cupcake App : Navigation Cupcake App : Navigation 위의 페이지를 참고하여 여러 화면을 이동해갈 수 있는 navigation을 활용해보자 개요 우리는 지금까지 화면이 하나인 앱만 다뤄봤었는데 평소에 쓰는 앱을 생각해보면 화면은 보통 여러개이다 이런 앱에서 화면 이동 기능은 필수적인데 이를 가능하게 해주는 navigation을 이용해보자 우선 다음 url에서 프로젝트를 clone 해오자 https://github.com/google-developer-training/basic-android-kotlin-compose-training-cupcake.git 그리고 starter branch로 체크아웃해주자 Cupcake App 살펴보기 이 App은 Cupcake를 주문하는 기능을 가지고 있다 첫 화면에서는 몇 개의 .. 더보기 이전 1 2 3 4 5 6 ··· 9 다음
