RealisationA to Z

피그마 설치를 위해선 우선 검색창에 피그마를 입력! 피그마 공식 사이트에 들어갑니다! 홈페이지 우측하단의 login클릭 혹은 페이지 get started 파란 버튼을 클릭! 구글 로그인 혹은 계정 생성을 통해 피그마 가입을 해줍니다. 계정을 생성했다면 products -> downloads에 들어갑니다. 개인의 환경에 따라 다운받으면 끝!

아무것도 없는 화면에 단축기 t or text를 클릭해 원하는 텍스트를 입력해 줍니다. 오토레이아웃 단축키 shift+a를 눌러 오토레이아웃을 실행합니다. 우측 패널에 fill을 추가해 원하는 컬러를 입혀줍니다. 패널에서 텍스트 컬러, 코너값을 적용해 주어 버튼 디자인을 완성하면 끝!

plugin 설치 방법 plugins -> find more plugins 원하는 plugin 검색 -> run -> 오른쪽 클릭 -> plugin에 unsplash 설치 완료!

피그마에서 이미지를 불러오는 두가지 방법에 대해 알아보겠습니다. 오른쪽 디자인 패널 fill -> 왼쪽 상단 solid 옆의 화살표 아이콘 클릭 -> image 위와 같은 화면이 나오게 되는데 이때 choose image 부분을 클릭해 파일에서 원하는 이미지를 불러오면 됩니다. 두번째 방법은 네번째 사각형 아이콘 클릭 -> place image -> 원하는 이미지 -> 원하는 영역에 첨부하면 끝! 이렇게 피그마 이미지를 불러오는 두가지 방법에 대해 알아보았습니다!

저 또한 피그마를 기초부터 배우게 되면서 처음 버튼을 만들어 보았는데요, 오늘은 오토 레이아웃을 활용한 버튼을 만들어 보겠습니다. text 단축키 t를 눌러 Button이라는 단어를 써줍니다. shift + a 눌러 auto layout을 만들어줍니다. 오른쪽 디자인 패널에 auto layout칸이 새롭게 생성되는데 단어의 상하 좌우 간격 조정이 가능합니다. 배경을 만들어주기위해 디자인패널 하단의 fill을 눌러 원하는 색상을 넣어줍니다. local style을 지정했다면 플러스 버튼 옆의 원이 나열되어있는 아이콘을 누르면 자동으로 리스트가 나옵니다. 해당 배경을 저는 orange컬러를 해주었고 현재 버튼의 프레임을 누르면 text의 색상까지 나옵니다. 저는 text의 색상을 추가로 화이트로 변경하기 위..

Material Symbols and Icons - Google Fonts Material Symbols are our newest icons consolidating over 2,500 glyphs in a single font file with a wide range of design variants. fonts.google.com 위의 사이트에서 만들고 싶은 아이콘을 가져옵니다. 검색창에 만들고 싶은 아이콘의 이름을 검색한 후 오른쪽의 svg 파란색 버튼을 클릭하여 다운로드하여 줍니다. 첫 번째 Figma 아이콘 -> file -> place image 아이콘 키 라인에 해당 svg를 옮겨 넣으면 됩니다. 아이콘 키 라인은 가장 상단에 있는 학습 자료 유튜브를 시청하시면 쉽게 만드실 수 있습니다. ..

일러스트 클리핑 마스크 만들기 1탄에 이어 2탄! 이번 시간에는 물체에 원하는 일러스트를 넣어보도록 하겠습니다! 일러스트 클리핑 마스크를 통해 깔끔하게 물체를 정리하고 원하는 물체에 넣어 봅시다. 우선 도형 안에 넣고 싶은 일러스트를 준비해줍니다. 준비한 일러스트 위에 넣고싶은 물체를 가장 상단에 배치해줍니다. 이때 물체를 넣고 배경까지 하고싶다면 하나 더 복사해줍니다. (저의 경우 별이 총 2개 만들어지는 거겠죠?!) 완료되었다면 준비한 일러스트와 넣고싶은 도형을 한 번에 드레그 하고 오른쪽 버튼을 클릭 ->클리핑 마스크 이렇게 일러스트가 도형안에 들어가게 되며 일러스트 클리핑 마스크 객체 하나가 탄생합니다. 그리고 미리 복사해주었던 도형을 그대로 드레그 하여 앞서 만들어 두었던 일러스트 클리핑 마스크..

컴포넌트 : local component에 표시 (main 컴포넌트를 변경하면 인스턴스도 자동으로 변경) 인스턴스 : 컴포넌트의 복사 개체 -> 다른 아이콘으로 swap 가능 (오른쪽 디자인 패널에서) 인스턴스의 override 기능을 활용할 경우 메인 컴포넌트에서 단어를 바꿔도 변경되지 x 오른쪽 디자인 패널에서 push overrides to main component를 할 경우 메인 컴포넌트에 속성 연결 detach instance : instance의 속성을 해지하긱위해 디자인 패널 -> button -> detach instance [small button 생성방법] 이전에 만들어두었던 버튼을 우선 복사 autolayout의 크기를 조정 small button 프레임 선택 -> alt + ctr..

대응표본 t검정 대응표본 t검정을 하는 이유? 유사한 집단의 전후 차이를 알고자 할 때 EX) 설탕을 섭취하기 전후의 몸무게 차이가 있는가를 알고 싶다. [분석] -> [평균 비교] -> [대응표본 t검정] 대응 변수 1에는 이전의 변수를 변수 2에는 이후의 변수를 입력하고 나머지 옵션은 앞서 설명했던 단일 표본과 독립 표본과 동일하게 진행한다. 대응표본 상관계수에서 유의 확률을 보았을 때 0.05보다 작으므로 유의한 관계가있음을 알수 있다. 대응표본의 검정에서는 평균이 -1.14가 나오게되었는데 섭취전-섭취후의 몸무게를 계산했기때문에 -라는 결과가 나온다. t값은 평균과 동일하게 -가 나오며 유의확률은 0.05보다 크게 나온것을 확인했을때 섭취전과 섭취후의 결과에 차이가 없다는 것을 보았을때 영가설은 ..

단일 표본 t 실습 단일표본 t검정을 하는 이유? 모집단의 분산을 알지 못할 때 모집단의 추출된 표본의 평균과 연구자가 이론적 배경이나 경험적 배경에 의해 설정한 특정한 수를 비교할 때 고정화된 평균값이 있는 집단과 여러 샘플링이 있는 집단을 비교하고자 할 때 (고정화된 평균값의 집단에서는 다양한 샘플링을 알 수 없다는 가정이 존재) EX) 외국인 학생의 중간 평균점수가 45점이라고 가정을 하였을 때 우리나라 중간고사 학생 점수와 외국인 학생의 수준에 차이가 있는지에 대해 알아보고자 한다. 우선 우리나라 학생의 중간고사 점수를 변수 보기에서 지정한 후 데이터 보기에 결과값을 입력한다. [분석] -> [평균 비교] -> [ 일표본 t검정 ] 검정 변수의 종속변수에는 양적으로 측정이 가능한 값을 넣어주고 검..