전체 글
-
[React Native] React Navigation 설치 및 사용법 (cli, typescript)2/React Native 2023. 9. 27. 14:19
yarn add @react-navigation/native \ react-native-screens \ react-native-safe-area-context \ @react-navigation/native-stack 일단 기본적으로 필요한 의존성들을 설치해 준다. 그 후 꼭 pod install 을 해주어야 한다! 근데 나는 createNativeStackNavigator 가 아니라 createStackNavigator 를 사용하고 싶었기 때문에 아래를 추가로 설치해 줬다. yarn add react-native-gesture-handler \ @react-navigation/stack createNativeStackNavigator 를 쓰는 게 아니라면 의존성을 삭제해도 되는 건지... 그걸 잘 모..
-
[React Native] styled-components 설치 (cli, typescript)2/React Native 2023. 9. 27. 11:27
매번 검색하면서 하다가 이제 대충은 알지만 그래도 내가 정리하는 게 다시 보기 편할 것 같아서 정리한다. styled-components 설치 yarn add styled-components styled-components-react-native --exact styled-components 설치 시 beta 버전으로 설치되는 경우가 종종 있어서 --exact 를 통해 stable 버전을 설치하도록 했다. styled-components/native 를 설치한다는 글들이 있는데, 아니고 styled-components-react-native 가 맞다. yarn add @types/styled-components @types/styled-components-react-native -D 타입이 포함되어져 있..
-
[Linux] curl 로 body 에 json 담아서 post 요청하기4/Linux 2023. 9. 22. 14:08
매일 포스트맨(Postman) 과 같은 툴을 활용해서만 요청을 하다가, curl 을 이용해서 요청을 해야하는 일이 생겼다. 사용하는 김에 정리하려 한다. 아래와 같이 작성하면 간단하게 이용할 수 있다. curl --header "Content-Type: application/json" \ --request POST \ --data '{"key1":"value1", "key2":"value2"}' \ http://localhost:8080/api/v1/curl 내가 알기로는 -X POST 라고 사용했던 기억이 있는데 이상하게 curl --help 를 통해서는 볼 수가 없었다. 그래서 추가로 서치를 해서 찾아보았다. 알아본 바로는 위 코드를 아래와 같이 입력해도 동일하게 작용한다. 글자를 하나라도 덜 입력하..
-
티스토리 네이버 검색 노출 설정0/C 2023. 9. 14. 14:21
구글 검색에 등록하면서 네이버도 같이 해보았다. https://searchadvisor.naver.com/ 네이버 서치어드바이저 네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요 searchadvisor.naver.com 네이버 서치어드바이저 사이트 접속하고 로그인이 안되어있다면 로그인! 로그인을 하고 들어왔는데 로그인이 안되어 있어서 로그인 버튼을 다시 눌러주니 이용 동의 화면이 나왔다. 동의하고 확인 눌러준다. 웹마스터 도구를 눌러준다. 티스토리 주소를 입력하고 등록한다. 구글과 동일하게 소유확인을 해야 한다. 클릭하면 바로 복사되면 좋을 텐데 겨우 그런 것도 안 되어있다니, 네이버 실망이다. 2023.09.14 - [0/C] - 티스토리 구글 검색 노출 설정 티스토리 구글 검색 노출 설정..
-
티스토리 구글 검색 노출 설정0/C 2023. 9. 14. 14:00
글을 쓰기 시작한 지 하루 됐지만 그래도 이상하게 노출이 한 번도 안된 게 이상해서 노출 설정을 따로 해야 하는지 검색을 해보았다. 아니... 설정이 정말 필요한 거였네... 그래서 알아본 김에 정리해 본다. 플러그인에서 구글 서치콘솔을 눌러준다. 나는 연결을 해서 이 화면이지만 블로그연결이라는 버튼을 눌러서 구글 이메일과 연결을 해준다. 아무 메일이나 상관없는 것 같아서 아무 메일이랑 연결했다. 이 부분을 다 체크해 주고 계속을 눌러준다. 적용을 누르기 전에 서치콘솔 바로가기를 누르면 등록이 안 돼있어서 아무것도 할 수 없으니 적용을 먼저 누른다. 그 후 다시 플러그인을 눌러서 바로가기를 눌러준다. 나는 여기서 소유권을 확인하라고 나타나게 되었고, 'HTML 태그' 라고 되어있는 가장 간편해 보이는 메..
-
[Spring] 싱글톤, 의존성 주입, 멀티 스레드, 스레드 세이프2/Spring 2023. 9. 14. 11:20
개발을 하다가 쉘스크립트를 통해 모듈을 구동하는 코드를 작성하였는데, 처리시간이 5초 이상 걸리는 작업이었다. 만약에 이 컨트롤러에 여러 클라이언트가 동시에 요청을 보내게 된다면 어떻게 되는걸까? 앞에 요청이 마무리될 때까지 뒤에 요청은 기다려야 하는걸까? 스레드풀에 있는 스레드가 다 할당될 때까지는 연속해서 요청을 받고 스레드가 다 할당되면 그 때 위와 같은 일이 일어날까? 스프링은 싱글톤인데 어떻게 멀티스레드 환경에서 스레드 세이프할 수 있을까? 등의 생각을 하게 되었다. 이해한대로 정리해보고자 한다. 기초적인 설명은 거의 없어서 처음 공부하시는 분들은 이해에 어려움이 있을 수 있습니다. 싱글톤 (Singleton) 스프링을 배우면 처음부터 접하게 되는 단어인 듯하다. 객체를 계속 생성하면 메모리를 ..
-
[React Native] 조건부 스타일 (StyleSheet, 상속, 배열)2/React Native 2023. 9. 13. 16:03
강의를 보면서 조건부 스타일링을 하는 것을 보는데, 분명 style 은 객체를 받도록 되어있는데 배열을 사용하는 것이 이상해서 알아보고 아는 만큼만 정리한다. React Native - style 속성 리액트 네이티브를 처음 접했을 때 style={fontSize: 14} 와 같이 입력하고 왜 안되지? 했던 기억이 있다. style 속성은 객체를 받기 때문에 style={{fontSize: 14}} 와 같이 객체를 넣어줘야 한다. 그래서 style 객체를 따로 선언해서 넣어주고자 할때는 아래와 같이 사용한다. const styles = StyleSheet.create({ container: { backgroundColor: 'red', }, }); const App = () => { return ... ..
-
[React Native] eslint 와 prettier 설정 (+타입스크립트)2/React Native 2023. 9. 13. 15:27
처음으로 자바스크립트를 사용하게 되면서 eslint 라는 것을 접하게 되었는데, 아직도 완벽하게 이해는 못하고 있지만 아는 만큼 정리를 해보고자 한다. eslint 란? 코드에 문제가 있는지 알려주는 플러그인이라고 생각하면 되는 것 같은데, eslint 에 의해 나타나는 경고나 에러는 반드시 컴파일 시에 나타나는 에러와 관련이 있지는 않다. eslint 라는 것은 그래서 프로젝트 내에서 지키고자 하는 규칙과 관련이 있다고 볼 수도 있다고 생각한다. 예를 들자면 리액트에서 함수를 function 으로 선언하도록 eslint 로 정함으로써 const 로 함수 선언 시 에러가 발생하여 규칙을 지키도록 할 수 있다. prettier 란? 코드 포매터 (code formatter) 라고 일컫는 것 같은데, 말 그..