컴공과컴맹효묘의블로그

리액트를 하다가 setState에서 uncaught typerror가 났다. 보통 초기 state값을 주지 않아서 타입 에러가 나는것인데 내 경우에는 조금 달랐다. input태그에서 string을 받고 onChange되면 this.func를 호출하는 식인데 이때 함수가 바인딩이 안돼서 에러가 났었다. // 에러 코드 // 에러 해결

create-react-app npx create-react-app project_name --template typescript Tailwind 설치 npm install -D tailwindcss postcss autoprefixer create config file npx tailwindcss init -p tailwind.config.js 수정 //tailwind.config.js module.exports = { content: [ "./src/**/*.{js,jsx,ts,tsx}", ], theme: { extend: {}, }, plugins: [], } change index.css @tailwind base; @tailwind components; @tailwind utilities;

사건의 시작은 노트북에서 공부한 내용을 깃에 올리고 데탑에서 다시 pull 한 후 push하려니까 오류가 났다. 찾아보니까 뭐 pull 한 후에 push하라는데 어림도 없었다. 해결 방법은 다음과 같다. git branch -M main git push -u origin main 깃 버전이 옛날꺼였고 아마 옛날 깃은 자동으로 master로 생성되니까 브랜치 이름에서 뭔가 꼬인 것 같다. 정확한 이유는 모르겠다. 아무튼 위 명령어로 해결했다.

https://www.acmicpc.net/problem/1406 1406번: 에디터 첫째 줄에는 초기에 편집기에 입력되어 있는 문자열이 주어진다. 이 문자열은 길이가 N이고, 영어 소문자로만 이루어져 있으며, 길이는 100,000을 넘지 않는다. 둘째 줄에는 입력할 명령어의 개수 www.acmicpc.net 풀이 방법 첫 번째: linked list로 구현. 두 번째: stack로 구현 세 번째: list로 구현 효율성은 stack > list > linked list 순으로 좋다. 1. stack의 풀이는 두 개의 stack을 만들어서 커서 기준으로 좌측은 s1, 우측은 s2로 저장한다. 2. list는 풀이가 조금 어렵다. dat, pre, nxt라는 배열을 만들고 nxt에 따라 값을 출력한다. d..

플러터 프로젝트를 처음 시작하고 위 파일을 열면 바로 빨간 줄이 그어지면서 에러가 생긴다. 하지만 이건 에러지만 에러가 아니다. 에러가 나는 이유는 IntelliJ/AndroidStudio가 플러그인 path를 바꾸면서 flutter가 이를 찾지 못해 생기는 에러다. 걱정하지 말고 이 에러를 무시하고 Flutter를 작성하면된다. https://github.com/flutter/flutter/issues/70759#issuecomment-729694949

dp 문제를 풀 때는 항상 메모제이션이 적용될 수 있는지 생각해보자. dp와 메모제이션은 말로 풀어서 설명해보면 쉽게 구현할 수 있다. 예를 들어 아래 문제 배낭의 메모제이션은 가방에 index를 넣을 수 있는 차례고 (index는 순차적으로 연산됨. 중복될 수 없음.) weight만큼 들어갈 수 있을 때 최대 가치는? 라는 뜻으로 이용하면 된다. 그리고 메모제이션은 초기값이 아니면 항상 같은 값을 반환하는 함수처럼 작동한다. https://www.acmicpc.net/problem/12865 // 다른 사람이 푼 깔끔한 코드 #include #include using namespace std; int N = 0, K = 0; int V[101] = {0,}; int W[101] = {0,}; int d..

문제 및 참고 사이트 https://www.acmicpc.net/problem/1019 https://mygumi.tistory.com/180 https://www.slideshare.net/Baekjoon/baekjoon-online-judge-1019 풀이 처음 봤을 때 이 문제를 어떻게 풀어야할지 brute force 이외에는 전혀 생각나지 않았다. 이 문제를 쉽게 풀 수 있는 핵심은 문제를 작은 단위로 나누는 것이다. 핵심 아이디어는 각 자릿수를 따로 계산하자라는 것이다. 즉, 1의 자릿수, 10의 자릿수... 를 따로 따로 세서 합치는 아이디어가 이 문제를 최적화 할 수 있는 핵심이다. 정확한 문제 풀이 이해는 백준님의 자료를 참고하자. 코드 #include #include using names..

DrawerLayout 드로워 레이아웃은 보통 네비게이션 레이아웃을 설정할 때 쓰인다. androidx.drawerlayout.widget.DrawerLayout 드로워 레이아웃을 최상위에 선언한다. 그리고 drawer로 쓸 레이아웃에 android:layout_gravity="start"를 사용하면 된다. 이 속성은 드로워가 어디서 나올지 결정한다. 국가의 언어의 방향마다 기본 설정이 바뀐다. 한국은 좌측이다. class MainActivity : AppCompatActivity() { private lateinit var binding: ActivityMainBinding private lateinit var toggle: ActionBarDrawerToggle override fun onCreate..

ViewPager2 viewpager2는 viewpager의 향상된 버전이고 기존 viewpager에서 생기는 문제들을 해결해줄 수 있다. 뷰 페이저는 화면을 스와이프로 밀어서 화면 전환을 하는 구성을 할 때 사용한다. 뷰 페이저는 RecyclerView기반이다. dependencies implementation 'andoirdx.viewpager2:viewpager2:1.0.0'ViewPager2 XML activity_main 혹은 viewpager를 이용할 곳에 ViewPager2태그를 작성합니다. Adapter 어댑터는 RecyclerView.Adapter를 사용해도 되고 FragmentStateAdapter를 사용해도 된다. // MyFramgentPagerAdapter.kt cl..

RecyclerView RecyclerView란 대량의 데이터들을 효율적으로 표시해주는 라이브러리다. RecyclerView는 RecyclerView라이브러리의 클래스이다. RecyclerView는 항목이 화면에서 벗어나더라도 뷰를 제거하지 않는다. 대신 RecyclerView에서 스크롤된 항목을 재사용한다. 이러면 앱의 응답성을 개선하고 전력 소모를 줄여준다. Key classes RecyclerView는 데이터를 담은 뷰들의 집합인 ViewGroup이다. RecylcerView는 뷰 그 자체이므로 다른 UI를 추가하는 것 처럼 layout에 추가하면 된다. 리스트의 각 요소들은 view holder 객체에 의해 정의된다. view holder객체가 생성될 때 어떤 데이터랑도 관련이 없다. view h..