hyerong's Dev_world🎡

들어가며,,

학교에서 진행하는 해외 개발 봉사활동에 선정되어 내년 1월에 타지키스탄으로 관광 챗봇을 만들러 가게 되었습니다. 

막학기인 25-2학기를 보내고 있는 요즘,,, 취업준비를 하다보니 직무 관련 경험이 중요한데, 저의 전공으로 누군가를 도울 수 있는 서비스를 만드는 경험을 가질수있게 되었다는 것이 감사합니다. 

제가 개발하게 되는 챗봇은 타지키스탄 관광을 위한 챗봇입니다. 

가장 먼저 해야하는 것은 오픈소스 언어모델을 찾는 일입니다. 

가장 중요한 3가지 조건은 0. 오픈소스 모델일 것, 1. 러시아어가 학습된 LLM 2. 타지어가 학습된 LLM 입니다. 

그간 영어와 한국어로 파인튜닝된 언어모델을 사용하다가 새로운 언어 러시아어와 타지어가 학습된 언어모델은 저도 생소하지만 허깅페이스와 깃허브를 통해 찾아봅니다. 

GPT를 통해서 타지크어, 러시아어, 영어, 한국어가 가능한 오픈소스 모델을 찾아달라고 한 결과 몇몇 가짜정보를 걸러내니 우선 다음 두가지 언어모델을 찾을 수 있었습니다. 

CohereLabs/aya-101 

google/mt5-base  

가능할 거라고 생각했던 llama2,3은 2는 영어 3은 8국어 중 필요한 언어가 없어서 불가하게 되었습니다. 

다음 글에서는 해당 언어모델이 정말 해당 언어를 만들어내는지 간단히 확인해보겠습니다. 

0. vscode에서 플러터 작업 다트 코드 작업하려다가 ios 애뮬레이터 돌리려니까 안 됌. 

1. xcode 에러로 ios 애뮬레이터가 안 잡힘

2. 해결책으로 다음 코드를 작성하라는 솔루션을 찾음

open /Applications/Xcode.app/Contents/Developer/Applications/Simulator.app

3. 맞는진 모르겠으나 시도해봄 

4. 터미널에서 다음과 같은 에러 발생 (로컬 pc Applications 위치에 Xcode.app 존재함)

-bash: cd: Xcode.app: No such file or directory

5. flutter doctor로 뭐가 문제인지 찾아봄

원래 설치 안해둔 안드로이드 툴 체인 말곤 다 정상이라고 뜸 

xcode 내용이 없어서 옵션 -v로 디테일 검색 

역시나 일부러 설치 안한 안드로이드 빼곤 다 정상으로 나옴 (애뮬레이터가 실행이 안되는데 xcode가 정상이라고 나와서 슬슬 빡침)

6. 본래 애뮬레이터를 작동시키는 방법 : 커멘드+쉬프트+p를 눌렀을때 애뮬레이터 선택 방식이 안 되었던 거라 터미널로 애뮬레이터를 실행 시킬수있는 방식, 코드를 찾아봄 

7. 터미널에 flutter emulators라고 검색하면 실행가능한 애뮬레이터가 나온다고 함 (아래는 결과화면)

다음과 같이 ios simulator가 버젓이 가능한 애뮬레이터라고 나타남 

친절하게 to run an emulator 하기 위한 코드까지 알려줌 

8. 알려준 코드대로 작성해봄, 시뮬레이터의 이름에서 대소문자는 상관없는듯 

flutter emulators --launch ios simulator 라고 작성 

9. 결과 

갑자기 xcode 시뮬레이터 앱이 작동하면서 아이폰 ios 화면이 나타남. 

그전까진 로컬 pc에서 앱 자체도 물음표로 나타나지 않던 상태 

아주 감격스러움. 

하단에도 시뮬레이터 연동이 되는 것이 보임 

10. 다시 문제 발생 : 특정 코드를 run 했는데 해당 코드의 결과가 애뮬레이터에서 안 보임, 그냥 애뮬레이터 화면만 유지됨 

0.  플러터 언어 Dart의 다양하고도 베이직한 자료형 

1. num 

숫자 자료형 int 와 double의 부모격 자료형으로, num x=1; num y=1.4; 으로 작성해도 문법적으로 오류가 없다. 

(현재는 잘 안 쓰임)

2. List 

일반적으로 다른 언어에서 array라고 하는 자료형이다. 사용법으로는 

List <사용하고 싶은 멤버 type> 변수 이름 = [멤버, 멤버, 멤버 ....] ; 

로 작성하여 사용한다.

ex. List <int> numbers = [0,1,2,3,4];

- List변수에는 추가적으로 내장되어서 사용할 수 있는 메소드가(예를 드면 .add와 같은..) 많다. 

Dart는 객체지향 언어이기 때문에, 전부 class로 되어있고 object를 상속 받고 있다. 

- collection if 사용 

if에 해당하는 조건이 참이면 List에 자동으로 if뒤에 작성한 값을 add(추가) 해준다. 

ex. var GiveMeSeven = True; 

numbers = [ 0, 1, 2, 3, 4, if(GiveMeSeven) 7] ; 

라고 적혀있으면 GiveMESeven 변수는 True이기 때문에 numbers를 print 하면 

print(numbers)

0, 1, 2, 3, 4, 7 

로 출력된다. 

vice versa (본 GiveMeSeven이 False면 7은 추가되지 않는다)

3. $--- 

String interpolation 에 관한 내용이다. String 타입에 할당할 내용을 작성하던 중,

이미 만들어져 있는 데이터를 문자열에 넣고 싶다면 문자열 중간에 $변수이름 형식으로 작성해주면 된다. 

ex. var name = hyerong; 

String hello = "hi, my name is $name" ; 

=> hi, my name is  hyerong

으로 출력된다. 

rect : 사각형을 선으로 그리는 함수.

위 함수에 필요한 argument로는 순서대로 x좌표, y좌표, 원하는 x선 길이, 원하는 y선 길이

fill : 선으로 만들어진 영역(도형)을 색(기본 black)으로 채우는 함수

fillRect : 선과 채우기 함수 rect,fill을 한번에 할 수 있게 한번에 채워진 도형을 그리는 함수.

필요한 argument는 시작할 x좌표,y좌표 , 채울만큼의 x좌표, y좌표 

beginPath : 새로운 색/스타일을 입히고 싶을때 path를 새로 지정해주기 위해 호출하는 함수 

fillStyle : 색으로 채울때 원하는 색을 입력

moveTo: 마우스 커서의 위치를 다시 입력하고 싶을때 사용. 

위 함수에 필요한 argument로는 순서대로 이동하고 싶은 x좌표 위치 (숫자), 이동하고 싶은 y좌표 위치 (숫자)

lineTo: moveTo를 통해 움직인 마우스 커서에서 선을 그을때 사용 

위 함수에 필요한 argument로는 순서대로 (선이 그어질) x좌표, (선이 그어질)  y좌표

arc : 원을 그리고 싶을때 사용하는 함수.

위 함수에 필요한 argument로는 순서대로 x좌표, y좌표, 반지름, 원의 시작 위치 (기본적으로 0 입력), 원 모양이 되길 원하는 길이 (기본적인 원을 그리기 위해서는 2 * Math.PI입력)

* 그 이유는 아래의 그림 참고

코드 예시 

html과 js가 연결되어 있다면 다음과 같이 보여짐

코드 참고 깃허브 링크 https://github.com/yeonhyeeun/meme-maker  

복습의 중요성은 정말 공부를 할때마다 느끼는 것 같다.. 

오랜만에 공부를 할때 내가 이걸 지금도 기억 못하는데, 이후에 기억할 수 있게 해주는게

내 능력이 아닌 복습이라는 걸 알면 매번 공부할때마다 복습을 놓칠수가 없다..

그런 의미에서 지금 하고 있는 바닐라 JS 강의에 대한 지난 공부를 복습해보려 한다.

#2. 

<데이터 타입 복습>

const 변수 - 이후 변수 변경 불가 ; 이것을 메인으로 사용 

let - 변경 가능 - 가끔 사용 

(var - 옛날 코드, 구분할 수 없기 때문에 사용 지양 )

list -> 똑같이 [  ] 사용, 다양한 데이터타입을 한번에 넣을 수 있음 (이게 특히 특이) 

-> 당연히 새로 항목 추가 가능 

<복습>

object 제작 ; 객체 제작 - 객체가 가지는 속성은 다양 key-value 형식 

array 복습 ; 이전 배열 개념과 동일 
function --- () {} 로 직접 사용자 지정 함수를 만들 수 있음, 매개변수도 있음
-> 개수가 맞지 않으면 받을 수 있는 최대한의 매개변수만 받아서 함수를 실행함 

alert 함수 - 브라우저에 알림 창 띄우기 

console.log - js에서 많이 쓰이는 함수, 결과를 콘솔에 띄워줌 

<복습>

return : 망고 주스를 만들기 위해 냉장고에서 망고 꺼내기와 같음 

== : 갑만을 비교(값을 할당) 

===: 갑과 유형 비교 (같은지 확인) 

!== : 같지 않음을 비교