if( 기록 && 꾸준함) return 나의 역사 154

[React-Native] 사소한 팁

스타일 줄 때, 그림자 주는 법이 Android랑 ios랑 다르다 그림자 주는 법 const style= styleSheet( { elevate : 5 // android 그림자 주는 방법 shadowColor: 'grey', shadowOffset: { width: 0, height: 3} , shadowRadius: 6, shadowOpacity: 0.2 //이상 4개가 ios 그림자 주는 방법 }) 텍스트 밑에 bar 주는거 borderBottomColor, borderBottomWidth 이용하세요. marginTop, marginBottom 말고 marginVertical도 이용하세요. paddingHorizontal, paddingVertical 등도 있답니다. keyboard-type => ..

개발 |/React 2022.10.19

[Flutter] 오류 몇 개 & stful widget life cycle

*코드팩토리님 감사합니다. 공식 개발 플러그인 사용하면 좋습니다. pud.dev에서 여러가지 플러그인 라이브러리 사용가능합니다. cocoapods 관련 에러 뜸 https://velog.io/@tmdgks2222/Flutter-CocoaPods-not-installed-Skipping-pod-install-error [Flutter] 잘 되던 빌드가 갑자기 "CocoaPods not installed. Skipping pod install"를 일으킬 때. IDE와 프레임워크도 사실 자주 아파한다. velog.io 그냥 나도 코코아팟 재설치해줬다. 그럼에도 build.gradle에는 빨간줄 계속 나오긴함.. 무시하고 진행할랬더니 커밋이 안되어서 알아보았다 https://ilsognobella.tistory..

개발 |/Flutter 2022.10.19

[CS] 운영체제 - 메모리

메모리 계층 레지스터 캐시: L1, L2 캐시를 지칭한다. 메모리(RAM): 하드디스크로부터 일정량의 데이터를 복사하고 임시저장, 필요시마다 빠르게 CPU에게 전달하는 역할. 주기억장치,보조기억장치 캐시 데이터를 미리 복사해놓는 임시 저장소이자 빠른 장치와 느린 장치에서 속도 차이에서 오는 병목을 줄이기 위한 메모리. 데이터가 다시 접근해야하는 경우 굳이 SSD같은 주 기억장치까지 갔다올 필요가 없겠죠잉? 캐시 계층: 캐시와 CPU사이의 속도간극이 있어 레지스터가 캐시 계층의 역할, 메모리와 보조기억장치 사이의 속도간극이 있어서 주 기억장치가 캐시 계층의 역할. DB단계에서도 캐 캐시를 직접 설정해야한다면? -> 많이 쓰이는 것을 기반으로 설정해줘야하는데 1. 시간 지역성 2. 공간 지역성 으로 나뉘는 ..

[CS] 운영체제 - 기본 장치들

운영체제 : 사용자가 컴퓨터를 쉽게 다루게 해주는 인터페이스. 한정된 메모리나 시스템 자원을 효율적으로 분배해주는 역할. 운영체제의 큰 역할 4 가지. 1. CPU 스케쥴링, 프로세스 관리 cpu 소유권을 어떤 프로세스에 할당할지, 프로세스 생성&삭제, 자원 할당 및 반환 등 2. 메모리 관리 한정된 메모리를 어떤 프로세스에 얼만큼 할당하는게 좋을지 판단 3. 디스크 파일 관리 디스크 파일을 어떤 방법으로 보관할지 관리. 4. I/O 디바이스 관리 인풋아웃풋 기기들(마우스 같은거) 주고받는 데이터 관리 운영체제 구조 ---- 유저 프로그램 --- ------GUI -------- -----시스템 콜 ------ ------- 커널 -------- -----드라이버 ------ -----하드웨어 -----..

[Flutter] 자료형에 대한 다양한 메소드 & 비동기 (Future & stream)

형 변환하는 법. = map을 이용하면 거진 서로 왔다갔다 변형 가능하다. List =>리스트 List.asMap() => 맵 List.toSet() => 세트 Map MyMap = MyList.asMap(); MyMap.keys.toLIst(); MyMap.values.toList(); 맵에서 키와 밸류는 모두 물론 리스트화 가능. Set MySet = Set.from(MyList); MySet.toList(); 이렇게도 바로 가능하지. Mylist.map( (x) => 'list $x' ) 가능. final myMap2 = Mylist.map( (x) => 'list $x' ) ; final myMap3 = Mylist.map( (x) => 'list $x' ) ; myMap2 != myMap3 다른..

개발 |/Flutter 2022.10.05

[CS] 네트워크 - HTTP

전송계층위에 있는 어플리케이션 계층으로서 웹 서비스 통신에 사용됨. http 1.0 한 연결당 하나의 요청 => rtt(Round Trip Time) 증가 (매번 TCP 3 웨이 핸드쉐이크 필요) 이를 해결하기 위한 방법 1. 이미지 스플리팅 이미지를 여러번 많이다운받는게 아니라, 하나 다운 받고 css코드에서 그걸 position 이용해서 재활용?하는 느낌 2. 코드 압축 코드를 개행, 띄어쓰기 싹 제거. 훨씬 빠르게 돌아가게 해줌 3. 이미지Base64 이미지 파일을 64진법 문자열로 인코딩한다. *인코딩: 정보의 형태나 형식을 여러가지 이유(표준화,보안,처리속도향상,저장공간절약 등)로 다른 형태나 형식으로 변환하는 것. http 1.1 TCP 3웨이 핸드쉐이크를 매번하지 않고 keep alive라..

[NEXTjs] 기본 개념

프론트개발자인데 웹페이지 하나 안만들어본게 이상한 것 같아서 NEXT js와 함께 시작하는 나만의 웹페이지 만들기. next.js 기본 개념 알아보기 next.js 기본 개념 알아보기, react, seo, ssr kyounghwan01.github.io 왜 필요한가에 대한 설명은 "React는 CSR (Client Side Rendering)을 하는데, 이는 JS코드가 다 돌아야만 홈페이지가 로드된 화면을 볼 수 있다. 클라이언트는 요청을 보내놓고 그것을 기다리느라 빈 화면을 봐야하는 상황이 생김." Next에서는 html태그와 데이터 등을 서버에서 가져오고, script들을 통해 필요한 JS코드들을 가져와 붙혀 클라이언트에게 보여준다. 암튼 중요한 개념은, 서버사이드에서 렌더를 해서 화면을보여주는데 ..

개발 |/React 2022.10.04

[Flutter] Dart기본- 객지프(Obejct - Orieted - Programming)

class 와 instance 로 만드는 OPP -객체 지향 프로그래밍 OPP잘 정리 해본 경험이 없어서 좋은 경험이 될 것 같다. 생성자 constructor는 생성자. class가 만든 인스턴스가 parameter를 받아오는 방법임. 자바스크립트에서는 constructor라고 썼던 것 같은데..! 클래스 이름을 그대로 한 번 더 써준다. 근데 이렇게 더 간단하게 만들 수 있습니다. 파라미터 넣는 자리에 바로 넣어버리는 식으로 구현이 가능합니다. fromList라는 메소드로 가져올 수 있음. 리스트의 형태로 하나의 파라미터를 받고, 그것을 instance의 name과 age밸류에 넣는다! 그리고 컨스트럭터 방식은 여러개일 수 있는 듯. fromList도 넣고, 아래 예제처럼 파라미터 그대로 넣는 방법을..

개발 |/Flutter 2022.10.03

[Flutter] Dart언어 기본

기본 변수 선언 방법 ( 타입과 함께 선언) void main() { var varible = 'anything' String str = '주형'; // 이상하게 String만 앞에 대문자 int integer = 3; double silsue = 2.344; // 실수 bool isTrue = true //True아니고 앞문자 소문자임 DateTime now = DateTime.now(); } ; 로 문장 끝나는거 꼭 표현해줘야함. C++의 향기가 물씬 난다. 그런데 var은 타입추론 물론 알아서 하지만, 변수 선언할 때 앞에다가 변수의 타입을 지정하면서 변수선언하는건 좋은듯. 문자열 안에 변수넣기. $ 인데, {} 생략이 가능한 print( '${name} ${age} ') //는 아래와 같다 pri..

개발 |/Flutter 2022.10.03