728x90 반응형 SMALL 전체 글74 '오토레이아웃'을 활용하여 팝업 만들어보기(1탄) 팝업은 블로그 글이 너무 길어질 거 같아서 2개로 나눠서 설명드리려고 합니다! 요점 이해 부탁드려요!1탄: 타이틀과 메시지 영역 추가2탄: 버튼 추가 및 팝업 완성(+컴포넌트 활용까지)먼저, 오토레이아웃으로 아래 팝업을 피그마로 만들 수 있나요?추가 기능: 팝업 내 텍스트 내용이 길어지거나, 짧아지더라도 [취소], [확인] 버튼은 내용 길이에 따라 자동으로 간격 조정됨 피그마로 만들기 어렵다면 저와 같이 한번 만들어봐요 :) 1. 텍스트 '타이틀'과 '메시지'를 타이핑하여 만들고(단축키: T), 굵기나 크기를 설정(저는 '타이틀'에 bold 했어요) 2. 추가한 '타이틀'과 '메시지' 텍스트에 각각 오토레이아웃을 추가(단축키: Shift +A)각각 오토레이아웃을 추가하는 이유: 오토레이아웃별로 설.. 2024. 11. 5. 6. I don't...(현재형 부정) 문법정리현재형현재 부정형주어동사주어동사IweyoutheyworklikedohaveIweyoutheydon't(do not)worklikedohavehesheitworkslikesdoeshashesheitdoesn't(does not)현재형3인칭 단수(he, she, it): 동사에 '-s' 가 들어간 동사를 사용현재 부정형형태: 주어 + don't(또는 doesn't) + 일반동사* 일반동사는 be동사를 제외한 동사를 의미(like, love 등) 3인칭 단수(he, she, it): 'doesn't' 사용, 일반동사에 's' 삭제* 예시: She likes you. vs She doesn't like you.3인칭 단수 외: 'don't' 사용본문 따라읽기총 3회 완료5개 문장 만들어보기I don't .. 2024. 11. 4. 5. I do/work/like(현재형) 문법정리주어동사 형태예시I / we / you / they일반동사I like ice cream.he / she / it(3인칭 단수)일반동사sShe likes ice cream.일반동사에 s 붙일 때 케이스별 형태 변환(아래 표 참고)형태예시동사 끝이 -s / -sh / -ch인 경우, -es를 붙임 pass > passes, finish > finishes, watch > watches동사 끝이 -y인 경우, -ies로 변환study > studies, try > tries예외케이스do > does, go > goes, have > hasalways / never / often / usually / sometimes + 현재형예. I never eat breakfast. She usually g.. 2024. 11. 1. [응용] 현재 시제(Be동사)와 현재진행형(be 동사 + -ing) 현재시제와 현재진행형을 비교해서 이해해보고 응용해보는 시간을 가져보려고 한다.현재 시제시점: 지금 이 순간의 감정, 기분, 신체 상태, 환경을 설명할 때. 반복되거나 변하지 않는 일반적인 사실은 아I am tired.(나는 피곤해) > 지금 이 순간의 상태나 기분현재 진행형시점: 반복적인 행동이나 일반적인 사실을 나타낼 때I am studying English now. (나는 지금 영어를 공부하고 있다) > 지금 이 순간에 공부가 진행중임을 표현현재 시제와 현재 진행형 문장 만들어보기(직접 써보고 답을 체크하세요!)그들은 게임을 하고 있다. They are playing a game. 그녀는 시험 공부를 하고 있다. She is studying for her exam. 나 배고파. I am hungry.. 2024. 10. 31. 4. are you doing?(present continuous questions) 문법정리질문의 대답형식: Yes, 주어 + be 동사(긍정) / No, 주어 + be 동사(부정)단, 질문의 주어가 ‘you’면, 대답은 ‘I'를 사용하여 대답 / 'your'이면 ’my‘를 사용하여 대답Are you studying? (너 공부하니?)Yes, I am / No, I am not.본문 따라읽기총 3회 완료자주 사용하는 문장(5개)What is she doing?Where are you going?Is it raining?Are you studying with Sue?Why are you wearing a coat?문제 풀어보기 (영어로 문장을 만들어보세요)너 왜 코트를 입고 있니?비가 오니?그녀는 뭐하니?너 톰(Tom)이랑 공부하니?너 어디 가니? 2024. 10. 30. 오토레이아웃 사용하여 표 제작 기획서를 작성할 때 저는 도표를 종종 활용합니다.피그마의 '플러그인'에서 표를 만들 수도 있지만, 양이 많지 않은 경우에는 직접 만드는 게 더 빠르다고 생각해요.더 효율적인 방법이 있을 수도 있지만, 제가 사용하는 방법을 공유드리고자 합니다.'오토레이아웃'을 활용하여 아래 표를 똑같이 만들어 보세요.추가 요청사항: 아래 표에서 자유롭게 열, 행 추가 가능해야 함표 만드는 방법 아래에 설명 드릴게요.눈으로 보는 것보다 피그마에서 직접 그려보는 것이 실력 향상에 더 효과적입니다. 텍스트 작성(단축키: T)작성한 텍스트에 오토레이아웃 추가(단축키: Shift + A)이때, 프레임이 씌워지며, 파란 테두리가 표시됩니다.(하단 이미지 참고) 프레임 클릭 후, 우측패널 'Auto layout' 내 'Horizont.. 2024. 10. 29. 3. I am doing 문법 정리주어동사Iam (not)동사 + inghesheitis (not)weyoutheyare (not)현재 하고 있는 것(=현재 진행형)을 설명할 때 사용I am studying English. (나는 지금 영어공부를 하고 있다.)I am not reading book. (나는 지금 책을 읽고 있지 않다.)해석주어 + be동사 + 동사 ing: 나는 ~을 하고 있다.주어 + be동사 + not + 동사 ing: 나는 ~을 하고 있지 않다.동사 + ing 형태에서 변환되는 형태 존재끝자리 e인 경우 "e" 생략 후 ingcome → coming, write → writing, dance →dancing 끝자리 한번 더 쓰고 ingrun → running, sit → sitting, swim → .. 2024. 10. 29. 2. Am/are/is(question) 문법 정리 Be 동사 + 주어 ~ ?‘너 이거 하니?’와 같은 문장을 만들 수 있고, '맞아/아냐’로 대답할 수 있는 질문 형태질문의 대답형식: Yes, 주어 + be 동사(긍정) / No, 주어 + be 동사(부정)단, 질문의 주어가 ‘you’면, 대답은 ‘I'를 사용하여 대답 / 'your'이면 ’my‘를 사용하여 대답Are you late? (너 늦었니?)Yes, I am / No, I am not.Where/what/who/how/why + be 동사 + 주어 ~ ?‘어디에/무엇을/누가/어떻게/왜 이거 했니?’의 문장을 만들 수 있는 형태예시Are you late? (너 늦었니?)Why are you late? (너 왜 늦었니?)본문 따라읽기총 3회 완료자주 사용하는 문장(5개)Where is y.. 2024. 10. 28. 1. am/are/is 문법 정리구분주어동사축약어긍정문IamI'mhesheitishe'sshe'sit'sweyoutheyarewe'reyou'rethey're부정문Iam notI'm not hesheitis nothe's not 또는 he isn'tshe's not 또는 she isn'tit's not 또는 it isn'tweyoutheyare notwe're not 또는 we aren'tyou're not 또는 you aren'tthey're not 또는 they aren'tyou: '당신/너'라는 의미와 '너희들'의 의미도 가지고 있음긍정문은 '나는 ~야'이며, 부정문은 ''나는 ~ 아니야'를 의미예. She is here. (그녀는 여기 있어.) / She isn't here. (그녀는 여기 없어.)본문 따라읽기총 3회 .. 2024. 10. 15. 이전 1 2 3 4 5 6 7 8 9 다음 728x90 반응형 LIST
