" data-ke-type="html">HTML 삽입미리보기할 수 없는 소스1. 언어 선택하기언어는 그렇게 코테에서 중요한건 아니다.변수선언함수정의컬렉션 자료형조건문, 반복문 2. 문제 분석 연습하기코딩 테스트는 코딩능력이 아닌 문제풀이 능력을 말한다.무작정 코드부터 작성보단 문제분석에 시간을 충분히 활용해야함.전체 시간의 50~60%를 문제해석에 시간을 써야함. 1. 문제를 쪼개서 분석하기문제 전체를 한번에 분석보다 문제를 동작 단위로 쪼개서 분석하는 것.한번에 생각을 줄이면 유연하게 접근가능 2. 제약 사항을 파악하고 테스트 케이스를 추가먼저 제약사항을 정리하고, 이를 고려하여 테스트 케이스를 추가하는 연습을 한다.코드 구현단계에서 예외를 거를 때 도움이 된다. 3. 입력 값을 분석하라알고리즘..
1. 기본 자세1. 타인의 풀이를 보면서 사고 넓히기알고리즘 문제는 답이 하나가 아니다.이에 다른 사람이 작성한 코드를 보면서 자연스럽게 다양한 문제 풀이 접근 방식이나 코딩 스킬을 습득하자.숏코딩이 꼭 좋은것은아니다. 성능적인 측면도 생각해야하며, 짧으면 오류는 적겠지만, 오히려 성능이 떨어질수있다. 2. 나만의 테스트 케이스를 추가하자충분한 시간을 들여서 문제를 분석이후 코드로 구현하기 전 여러 예외 상황을 충분히 확인하자.코딩을 시작하기 전 문제를 분석해보자.분석을 마치면 나만의 테스트 케이스가 나올것이고, 그 테스트 케이스를 추가해보자. 2. 아는 것과 모르는 것 명확하게.아는 것과 모르는 것의 기준이 명확하지 않아서 생기는 오류가 많다.흔히 코딩을 하며 “아.. 작동은 하니까 대충 넘어가야지..
Unity에서 유닛(Player)가 움직이려면 입력을 잘 넣어줘야한다. 기초적으로는 다음과 같이 넣을 수 있다. if(Input.GetKey(KeyCode.UpArrow) == true){ playerRigidbody.AddForce(0f, 0f, speed); } if(Input.GetKey(KeyCode.DownArrow) == true){ playerRigidbody.AddForce(0f, 0f, -speed); } if(Input.GetKey(KeyCode.RightArrow) == true){ playerRigidbody.AddForce(speed, 0f, 0f); } if(Input.GetKey(KeyCode.LeftArrow) == true){ playerRigidbody.AddForce(-..
Target of URI doesn't exist: 'package:flutter/material.dart'. 아니 글쎄 플러터 딱 만들자마자 바로 안되더라고 지금은 캡쳐는 못하는데, 여튼 저런 에러가 나왔다. flutter 프로젝트 생성 -> lib -> main.dart 를 눌러보니 저런 에러들이 계속나왔는데 해결방법은 단순했다. 메인 폴더에 pubsepc.yaml을 눌러준다. 우측상단에 보면 다운로드 표시가있다. 저기 보면 첫번째 버튼 눌러주면 아래 output에 어쩌고 뜨면서 다운로드를 다시하고 완료됨. 에러 해결~ 역시 뭘해도 초기 세팅이 제일 어렵긴하다..
이번엔 또 뭐시더냐.. 안드로이드 툴체인이 안맞는다고 나온다. 우선 기본적으로 안드로이드 스튜디오라던지, java sdk 나 등등 안드로이드는 기본적으로 깔렸다고 생각하고 진행하겠다. 저걸 해결하기 위해서 일단 안드로이드 스튜디오를 실행해보자. 저 빨간 네모버튼을 눌러보자. 하이라이팅 되어있는 SDK Manager를 찾아서 열어줘라. SDK Tools 라는게있다. 빨간네모칸 탭을 눌러주자 우선적으로 하단의 Hide ... 부분을 눌러서 숨긴걸 열어주고, 해당하는 SDK Build-tools 와 platform tools sdk tools 세개를 다 설치해주자. (최신버전으로 해주려면 걍 체크누르고 apply나 ok누르면된다.) 그래도 아직 해결이 안된것처럼 보인다. 그럼 파워쉘(관리자 권한) 에서 다시 ..
우선 플러터 설치했을때, 확인하는 방법으로 flutter doctor 라는 명령어를 입력해본다. 보면 일단 윈도우 버전 .. 이런 에러가 나오는데, 해결방법은 다음과같다. 1. 버전 업그레이드 flutter upgrade 해당명령어를 입력해보자. 최신으로 dart와 flutter를 업데이트 해준다. 근데 필자 컴퓨터는 참 문제가 많은지 에러가났다. 걍 보면 --force 써서 강제업데이트 하라는거다. flutter upgrade --force 명령어를 써줘서 업데이트 해주자. 해결!
이번에 프로젝트로 앱개발을 해봐야할거같아서, 한번씩 정리해본다. 우선 개발환경 세팅부터 해보자. 필자는 mac으로 했기 때문에, 나중에 기회가 된다면 윈도우도 설치방법을 알게 되리라.. 우선 brew는 기본적으로 설치가 되어있을거라고 생각한 상태로, dart뿐만아니라, 앱개발을 위해서는 flutter를 설치해야하니, 다음과같은 명령어로 한번에 설치하자. 명령어로 설치하기 brew install flutter 놀랍게도 플러터를 설치하면 다트도 설치가된다. 해당사항은 이런식으로 볼 수 있다. 이제 나는 visual studio code 로 만들 예정이지만, 만약 저런 프로그램을 단순하게 배우기만 할 예정이라면, 다음과같은 사이트도 추천한다. 웹 빌드 프로그램 https://dartpad.dev/? DartP..
nvm version & : 'node.exe' 용어가 cmdlet, 함수, 스크립트 파일 또는 실행할 수 있는 프로그램 이름으로 인식되지 않습니다. 이름이 정확한지 확인하고 경로가 포함된 경우 경로가 올바른지 검증한 다음 다시 시도하십시오. 위치 C:\Users\ressu\AppData\Roaming\npm\nvm.ps1:24 문자:7 + & "node$exe" "$basedir/node_modules/nvm/bin/nvm" $args + ~~~~~~~~~~ + CategoryInfo : ObjectNotFound: (node.exe:String) [], CommandNotFoundException + FullyQualifiedErrorId : CommandNotFoundException 잘되던 nvm..
React를 어느정도 만들었다고 생각했는데, React도 패턴을 보니까 내가 만들던건 거의 원초적인 수준이더라. 알아보니 Container-Presenter 패턴에 대한 정리를 하기 위해서 내멋대로 이해한걸 글로 써본다. 우선 우리의 gpt께서는 다음과 같이 정리해줬다. Container-Presenter 패턴과 Redux를 이용한 React 개발 방식은 코드의 구조와 유지 보수성을 개선하기 위해 사용됩니다. 이 방식은 크게 3부분으로 나뉘어 집니다: Container, Presenter, 그리고 Index. 설명 정의 1. Container - Container는 데이터와 비즈니스 로직을 담당함. (프론트엔드에서 백단 기능 관련 담당) - Redux이용하여 애플리케이션 상태를 관리함. - 로직 처리 -..
설치 전 선 작업 touch ~/.zshrc vi ~/.zshrc 우선 zshrc 파일을 편집기로 열어줍니다. 맨 아래줄에 아래와같이 넣어줍니다. export NVM_DIR="$HOME/.nvm" [ -s "$NVM_DIR/nvm.sh" ] && \. "$NVM_DIR/nvm.sh" nvm 설치 nvm을 설치해줍니다. brew install nvm 에러 발생 xcode error 발생 시 아래링크와 같이 해결해줍니다. 2023.10.22 - [FrontEnd 개발] - Error: You have not agreed to the Xcode license. Please resolve this by running: sudo xcodebuild -license accept for mac Error: You h..
mac os 로 개발하던 도중 프로젝트를 받았는데, 내가 사용하는 node버전과 다른, (필자는 18.16.0 쓰고있음.) 16.16.0 버전으로 개발됐다는걸 알게 되었다. brew install nvm 우선 노드의 버전이 다르니까 하위 버전으로 밀수도없고, 좋은방법이 없을까 싶어서 node를 두개 쓰는방법중 하나인, nvm 을 이용해서 설치해보려고했다. 문제는 상단 제목과 같은 에러가 발생함. 당신이 받은 오류는 macOS에서 Homebrew를 통해 nvm(Node Version Manager) 또는 다른 패키지를 설치하려고 할 때 발생합니다. 이 오류는 Xcode의 최신 버전이 설치되었지만, 사용자가 아직 Xcode 소프트웨어 라이센스 동의를 수락하지 않았기 때문에 발생합니다. Xcode는 많은 Ho..
아마 저번 에러에 이어서 이번에도 문제가 발생했다. 요약하자면 리로드가 안된다.. 흠 그러면 어떻게 해결했는지 알아보자. 이걸 보면 알 수 있다. 최근 react-scripts를 업데이트를했다. 그렇기 때문에 문제가 발생했는데, 4.x 버전에서는 scripts가 react-scripts start 로 먹혔는데, 바뀐듯싶다. 5.x 버전에는 다음과 같이 써야한다. "start": "WATCHPACK_POLLING=true react-scripts start", 다음과 같이 바꿔보자. 잘..된다. 1시간의 내 삽질 슬프다.
음 멀 다운로드했는지는 기억이 나지않지만, React 프로젝트에서 npm start를 할 때 저런 에러가 발생했다. 에러를 해결하기 위해서 다음과같은 절차를 진행해봤다. 1. BASH 권한 주기. sudo chown -R $USER 물론 권한문제는 아니겠지만, 그래도 넣어준다. 2. 캐시 삭제 npm cache clean --force 물론 캐시문제도 아니겠지만 그래도 해준다. (여기서 해결) 3.react-scripts 최신화 npm install react-scripts@latest 최신화 해서 해결완료
프로젝트가 완성 됐다면 다음단계를 진행해보자. 우선 전체화면이 좋으니 전체화면모드로 바꿔준다. function App(): JSX.Element { return ( 테스트 메인 푸터 ); } 중요한 부분은 StatusBar hidden이다. 기존에는 styles가 app.tsx안에 있었는데, 따로 파일을 분리해보자. 나같은 경우에는 style이라는 폴더에 appStyles.ts 파일을 만들어서 거기에 저장했다. import {StyleSheet} from 'react-native'; const styles = StyleSheet.create({ container: { flex: 1, }, header: { flex: 3, }, main: { flex: 2, }, footer: { flex: 5, }, }..
이전에 연습용으로 만들었던 TodoList App을 하나 만들었었다. 나름 괜찮지만 정말 단순하게 만들었다. 로컬도 저장이 가능하고, 디자인도 심플하게 해 놓은 상태다 그럼 이제 만들어야할 프로젝트를 준비하기 앞서 간단하게 정의를 해본다 1. 숫자를 적어서 더해준다. 2. 숫자를 적어서 빼준다. 3. 고정된 숫자 리스트 몇 개를 만든다. 4. 모든 데이터는 로컬디바이스에 저장이 되어야 한다. 우선 만들어보자. npx react-native init CalcPrj 리액트 문양도 참 이쁘게 만든 거 같다. 프로젝트가 실행되면 폴더로 이동해서 다음과 같이 실행시켜 보자. npx react-native start i 디자인은 재능이 아니라면 항상 어렵기 때문에 일단은 잘 만든 프로젝트를 참고해 가면서 만들어보는..
https://godotengine.org/ Godot Engine - Free and open source 2D and 3D game engine Godot provides a huge set of common tools, so you can just focus on making your game without reinventing the wheel. godotengine.org 여기 사이트를 들어가게 되면 바로 다운받을 수 있다. MIT 라이센스 툴인지라 완전 무료로 진행되며, 언어종류는 자체 개발 언어긴하지만, 형식이 파이썬같은 들여쓰기 형식으로 진행된다. C++ 이나 C#도 지원한다고 한다. 현재는 버전이 가장 최신은 4.1, LTS 버전은 3.5.2 버전이다. 필자는 안정된 버전이 좋아서 LTS..
여러 문제중에 프로젝트 생성조차 에러는 좀 너무했다. TypeError: cli.init is not a function ... npm uninstall -g react-native-cli npm install -g react-native-cli npm install -g react-native react-native-cli 버전이 안맞아서 그렇다. 지웠다가 다시 깔아주면 된다.
별개 DB를 사용하지않고 로컬 핸드폰 데이터로 저장해야할때 사용하는 라이브러리이다. 설치 방법 : npm i @react-native-async-storage/async-storage 설치가 완료됐다면 다음과같이 import를 해주자, import AsyncStorage from '@react-native-async-storage/async-storage'; 이제 설치와 import는 끝났다. 다음과같이 사용하면된다. 우선 목표는 당연히, save 와 load기능이다. 우선적으로 save자체를 해보자, const saveToDos = async (toSave: any) => { await AsyncStorage.setItem(STORAGE_KEY, JSON.stringify(toSave)); }; 엄청 ..
기본 세팅하기 일단 react native로 만들 준비가 완료되면, 다음과같은 명령어를 해본다. react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle 행여나 잘 안될수도있다. 그럴땐 다음과같이 수정해준다. projectFolder/android/app/build.gradle apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGra..
개발을 하다보니 노래를 들으면서 작업할 때가 많다. 문제는 개발할때 노래를 듣다가 갑자기 이상한 뿌릅? 뿌룩? 같은 소리가 나는것이다. 문제를 해결하기 위해서 우선 맥 os, 윈도우 뭐.. 그냥 기본적인 설정을 확인해봤다. -> 아무 문제가 없는걸 확인할 수 있었다. 그럼 어디서 문제일까 다시 생각해보니, visual studio code 에서 에러음이 발생하는걸 알게 되었다. 해결방법 : visual studio code - settings - sound 검색 - Audio Cues 부분 전체 off 드디어 이상한 뿌릅소리가 안들린다! 행복하다.
현상 발생원인 TypeError: cli.init is not a function at ....... Node.js v18.16.0 이렇게만 뜨고 에러로 뜬것처럼 보인다. 이걸 해결하기 위한 과정을 적어본다. 1. uninstall package npm uninstall -g react-native-cli npm install -g react-native npm install -g react-native-cli --> 이 오류는 react-native의 버전이 안맞아서 일어날 수 있다는 오류 제보가있다. javascript - TypeError: cli.init is not a function for react native - Stack Overflow TypeError: cli.init is not a..
더보기 2023.04.24 - [프로그래밍/JAVA 프로그래밍] - HTTP 요청과 응답에 대해 알아보기: REST API 개념 이해하기 (1/3) 2023.04.25 - [프로그래밍/JAVA 프로그래밍] - HTTP 요청과 응답에 대해 알아보기: REST API 개념 이해하기 (2/3) 이전 글에서는 REST API의 개념과 구성 요소를 살펴보았습니다. 이번 글에서는 RESTful API 디자인에 대한 가이드를 제공하겠습니다. RESTful API 디자인은 특정한 규칙에 따라야 하며, 이를 따르면 클라이언트-서버 간의 통신이 효율적이고 일관성 있게 이루어집니다. RESTful API 디자인 가이드 URI 설계 URI는 RESTful API에서 가장 중요한 구성 요소 중 하나입니다. URI는 리소스의 경..
더보기 2023.04.24 - [프로그래밍/JAVA 프로그래밍] - HTTP 요청과 응답에 대해 알아보기: REST API 개념 이해하기 (1/3) 이전 글에서는 HTTP 요청과 응답에 대한 기본 개념을 다뤘습니다. 이번 글에서는 REST API에 대한 개념을 다루고, REST API의 구성 요소와 예시 소스코드를 살펴보겠습니다. REST API란? REST(API)는 Representational State Transfer (Application Programming Interface)의 약자입니다. REST는 웹 기술의 발전과 함께 등장한 아키텍처 스타일로, 분산 시스템에서 자원을 정의하고 관리하는 방법을 제공합니다. REST API는 HTTP 프로토콜을 기반으로 동작하며, URI와 HTTP 메서드를..
HTTP 요청 HTTP 요청은 클라이언트에서 서버로 데이터를 보내는 과정입니다. HTTP 요청은 메서드, URI, HTTP 버전, 헤더, 본문으로 구성됩니다. 여기서 메서드는 HTTP 요청의 목적을 지정하며, 가장 자주 사용되는 메서드는 GET과 POST입니다. HTTP 메서드 HTTP 요청의 메서드는 클라이언트가 서버에게 원하는 동작을 지정합니다. 가장 자주 사용되는 메서드는 다음과 같습니다. GET: 서버에서 자원을 가져오기 위해 사용됩니다. GET 요청은 URI에 지정된 자원의 표현을 요청합니다. POST: 서버에 데이터를 전송하기 위해 사용됩니다. POST 요청은 요청 본문에 데이터를 포함합니다. PUT: 서버에 자원을 생성 또는 수정하기 위해 사용됩니다. PUT 요청은 URI에 지정된 자원을 요..
더보기 2023.04.22 - [프로그래밍/Javascript] - 자바스크립트에서 프로미스(Promise)를 활용한 비동기 처리 방법 1편 - 프로미스의 개념과 사용 방법 안녕하세요! 이번에는 자바스크립트에서 프로미스를 활용한 에러 처리 방법에 대해 알아보겠습니다. 프로미스에서 발생하는 에러 프로미스를 사용하여 비동기 처리 작업을 수행할 때, 요청이 실패하거나 처리 중에 에러가 발생할 수 있습니다. 이러한 경우 에러 처리를 적절하게 수행해야 합니다. 프로미스에서 발생하는 에러는 크게 두 가지로 나눌 수 있습니다. 비동기 처리 작업을 수행하는 과정에서 발생하는 에러 reject 함수를 호출하여 의도적으로 발생시키는 에러 비동기 처리 작업을 수행하는 과정에서 발생하는 에러는 네트워크 요청이 실패하거나, 파..
개요 프로미스(Promise)는 자바스크립트에서 비동기 처리를 위한 방법 중 하나로, 콜백 함수를 대체하여 더욱 간편하고 가독성 높은 코드를 작성할 수 있도록 도와줍니다. 이번에는 프로미스의 개념과 사용 방법, 그리고 콜백 함수와의 차이점에 대해 알아보겠습니다. 프로미스(Promise)란? 프로미스는 비동기 처리 작업의 결과를 나타내는 객체입니다. 비동기 처리 작업은 보통 네트워크 요청이나 파일 입출력 등이 포함됩니다. 프로미스를 사용하면 비동기 처리 작업이 완료되기 전에도 다른 코드를 실행할 수 있으며, 작업이 완료된 후 결과 값을 받아와 처리할 수 있습니다. 프로미스의 사용 방법 프로미스는 Promise 객체를 생성하여 사용합니다. Promise 객체는 다음과 같은 구조를 갖습니다. new Promi..
더보기 2023.04.19 - [프로그래밍/JAVA 프로그래밍] - 객체지향 프로그래밍의 기본 개념 이해하기 1편 - 객체지향 프로그래밍의 개념과 특징 2023.04.20 - [프로그래밍/JAVA 프로그래밍] - 객체지향 프로그래밍의 기본 개념 이해하기 2편 - 상속과 다형성의 개념 인터페이스와 추상 클래스 인터페이스(Interface)와 추상 클래스(Abstract Class)는 객체지향 프로그래밍에서 추상화를 구현하는 방법 중 하나입니다. 추상화란 객체의 공통적인 속성과 동작을 추출하여 클래스로 정의하는 것을 말합니다. 인터페이스 인터페이스는 일종의 계약서(contract)로, 클래스가 구현해야 할 메서드와 상수만을 정의한 것입니다. 인터페이스는 구현할 메서드의 선언만을 하고 구현부는 작성하지 않습니..