designnas
1,000+ Views

모바일 웹 포트폴리오 < aj 가족 >

aj 가족


클래스 : 엔디클래스
학생 : 한민희
프로그램 : 포토샵, 일러스트, XD
기본화면 사이즈 1440x2560
구성 : 메인페이지/서브페이지 4p
Comment
Suggested
Recent
좋은 글과 사진들이 참 많네요. 자주 소통해요!
Cards you may also be interested in
드로잉 끝판왕이라는 평가를 받은 한국인 만화 작가
무라타 유스케라는 일본 만화 작가가 있는데 현지에서는 '노력하는 천재' 라는 소리를 들음  이 사람 드로잉 실력이 어느 정도인가 하면 그냥 연재하는 만화 컷들을 연속으로 슬라이드 배치하면 애니메이션이 될 수준임  채색능력도 엄청나서 소년점프 2000호 기념 한정 컬러 포스터를 두 번이나 맡았는데 서로 다른 만화의 주인공들을 각 작품의 개성을 잃지 않으면서 자신만의 그림체를 덧씌운 고퀄리티 작품을 뽑아 냈음  G펜과 마카를 이용한 수작업만 고집하는 방식으로 그런데 이런 완전체 같은 능력치를 가진 무라타 유스케가 '이런 사람이 천재구나' 라고 생각하고 교류를 시작한 만화가가 있으니  김정기라는 사람임  G펜과 마카를 애용하는 무라타 유스케처럼 이 사람은 붓펜이나 붓을 주로 사용하는데 작업 과정을 보면 천재가 누군가를 천재라고 부르는 데에는 다 이유가 있다는 걸 알게 됨  블리자드와 콜라보한 월드 오브 워크래프트 드로잉 마블 스탭들 앞에서 직접 시연한 시빌워2 드로잉  안시성 개봉 당시 콜라보레이션 이 영상을 본 사람 중 몇 명은 영화보다 드로잉이 더 기억에 남는다고 ..  삼일절 기념 드로잉  지금은 전세계 돌아다니면서 드로잉 쇼도 하고 간간이 방송출연도 하는 중 출처 : 더쿠 개인적으로 김정기 작가님의 드로잉은 정말 경이롭다고 생각합니다 *_* 위 동영상들을 봐도 충분히 그렇다고 생각하실 듯 . . 정말 어마어마한 재능을 가진 작가님이시죠 ! 추가로 몇가지 드로잉을 더 올려볼게요 - 영상도 꼭 꼭 보시길 바라요 :) 압도적인 드로잉 실력에 감탄을 연발하실듯 해요 어떻게 밑그림도 없이 이렇게 완벽한 그림을 그려내시는지 . . 이미지 출처 : 구글, 핀터레스트
펌) 휴대폰 호갱 안당하고 사는 방법 총정리: 초보자용
저의 쟉고... 귀여운 핸드폰이 슬슬 맛탱이가 가고 있어서.. 후후 ㅠ_ㅠ 내가 달달 외우려고 올리는 꿀팁츜ㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋㅋ 그냥 내 친구가 이런거 빠삭한 사람이면 좋겠당... 나는....나는!!!!! 자신이 업쒀~!!!!!!!!!!!!!!!! (오열) 0. 원하는 기종, 용량, 색상을 고릅시다. 1. <선택약정, 공시지원> 둘 중에 본인에게 유리한 제도를 비교해보고 선택합시다. 중복불가 - 선택약정: 요금제 기본요금의 25%를 약정기간 (12,24개월) 동안 매달 할인 받는 방식 - 공시지원: 통신사에서 정해놓은 단말기 할인 금액을 단말기가격에서 할인받음 7번 구매 예시보면 이해할랑가 모르겠지만 아 모르겠고 대애충   국산폰 저요금제로 쓰고 싶다 = 공시지원   국산폰 고요금제로 쓰고 싶다 = 선약과 비교해보기   출시한 지 2년 정도 지난 아이폰을 사고 싶다 = 공시지원   최신 아이폰, 고요금제로 쓰고 싶다 = 선택약정 하면 유리할 듯. 2. <현금완납, 할부> 둘 중에 선택합시다. * 폰 기계 값을 계약서 쓰는 그 자리에서 현금으로 다 주고 살지, 아님 할부로 갚아나갈지 정하는 것. * 할부로 정했다면 할부 기간은 아무리 길어도 24개월로 합시다. * 많이들 헷갈려 하시는게, 1번의 약정계약과 할부계약은 별개  추가) 번호이동 : 말이 번호이동이지 통신사를 바꾸는 것을 뜻함. 판매자 지원금이 주로 높음. 기기변경 : 같은 통신사를 유지하면서 기기만 변경. 판매자 지원금이 주로 적음. 3. 위 사항들을 정했으면 덬들은 핸드폰 가게에서 이렇게 말하게 될 것임. “갤럭시 s20 256기가 흰색 번호이동 공시지원, 현금완납으로 구매하려는데 얼마예요?” “아이폰11 64기가 퍼플 기기변경 선택약정, 24개월 할부하려고 하는데, 얼마나 지원 가능해요?” 요 정도만 되어도 오우 놀줄 아는 놈임. * “지원금,보조금”이란 단어는 절대 볼드모트임. 이유는 난 모름. 아무튼 모름. 8덬이 알려줄걸 * 판매자가 제시하는 조건이 (예: 내가 추가로 40만원 지원해줄게. 대신 너는 고액 요금제 6개월 유지, 웨이브 같은 부가서비스 1개 가입해서 3개월 동안 유지해줘 등등)    본인이 만족하는 조건이라면 계약 진행. * 판매자들에게 어느정도 수준에서만 하고 크게 흥정할 생각 말자. 그들은 고도로 숙련된 달변가들이다. 자 이제 계약할 때 주의할 점! 4. 내가 구매할 모델이 맞는지 확인 * 판매자가 가져온 스마트폰이 맞는 모델, 색상, 용량인지 확인 후 계약서에 기재된 모델명 확인. * 박스가 밀봉상태인지 확인. 만약 뜯어진 흔적이 있거나 밀봉이 안 된 경우 바꿔달라고 요구. 개통 전까지 뜯지말자. 5. 계약서에 “할부원금” 꼭 확인. 통신사마다 할부금 명칭이 달라 "할부원금"으로 통칭. SKT : 단말대금 KT : 분할상환원금 LG : 할부원금 [현금완납 기준 할부원금 확인] 출고가 100만 원 스마트폰 구매 시 지원금 40만 원을 지원해준다 하였고, 덬이 현금완납으로 나머지 60만 원을 냈음. 그러면 계약서에 할부원금이 당연히 ‘0원’ 찍혀 있어야함. 할부원금이 남아있다? 그러면 물어보셈. 현금완납인데 왜 더 내야 할 돈이 있느냐고. 일부 불량판매자들은 능청떨며 별거 아닌 듯 얘기할 거임. "나중에 줄 거다", "추후 보상해준다", "현금완납 맞다." 등. 모두 헛소리임. [할부구매 기준 할부원금 확인] 출고가 100만 원 스마트폰 구매 시 지원금 40만 원을 지원받았다면. `몇 개월 할부인지 확인` 하고선 납부금에 지원받은 40이 적혀 있는 걸 확인하세요. 그 후 `할부원금`에는 기기값 100만 원에서 지원금 40만 원을 뺀 나머지 60만 원이 적혀 있어야 함. 혹은 할부원금에 기기값 100만원 다 적어놓고 지원금을 현금으로 주는 경우도 있음.  당일 그 자리에서 받는거 아니고서야 며칠 뒤, 몇 달 뒤에 주겠다면 비추. (참고: 할부구매 시 할부수수료가 붙습니다.) 6. 계약서 상 부가서비스 유무 확인 [부가서비스 없는 조건] 계약서상 부가서비스 항목 공백 확인. [부가서비스 1~2개 등 가입 조건] 계약서상 부가서비스 항목에 판매자와 상의한 부가서비스인지 확인 및 개수확인. 7. 계약서 상 청구요금 확인 판매자와 상의한 요금제가 맞는지, 공시지원약정인지, 선택약정 12개월 or 24개월 인지 등 확인. ◎구매 예시  판매자 조건: 출고가 1,200,000원, 공시지원금 400,000원, 판매자 추가지원금 500,000, 24개월 약정, 80,000원 요금제, 부가서비스 3,000원짜리 1개 [공시지원약정, 24개월 할부인 경우] 요금제 80,000원  + 할부금 (1,200,000 - 공시지원금 400,000 - 판매자지원금 500,000) / 24 = 12,500 원 + 부가서비스 3,000원 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ = 매달 납부금 95,500원 [공시지원약정, 현금 완납인 경우] 요금제 80,000원 + 할부금 0원 (1,200,000 - 공시지원금 400,000 - 판매자지원금 500,000 - 구매자가 완납한 현금 30만) + 부가서비스 3,000원 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ = 매달 납부금 83,000원 [선택약정, 24개월 할부인 경우] 요금제 80,000 x 0.75 (25% 통신사 할인 약정) = 60,000원 + 할부금 (1,200,000 - 판매자 지원금 500,000) / 24 = 29,167 원 + 부가서비스 3,000원 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ = 매달 납부금 92,167원 [선택약정, 현금완납인 경우] 요금제 80,000 x 0.75 (25% 통신사 할인 약정) = 60,000원 + 할부금 0원 (1,200,000 - 판매자 지원금 500,000 - 구매자 현금완납 70만원) + 부가서비스 3,000원 ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ = 매달 납부금 63,000원 8. 계약 완료 계약 후 계약서 원본 요구하세요. 가져올 수 있음. 안 된다고 하는 곳이나 추후 수정해야 한다고 판매자가 가지고 있겠다고 하는 곳은 의심하세요. 9. ★개통 전 개봉 금지★ 개통 전 개봉하면 정말 복잡해요. 판매자가 개봉하라고 하거나 필름 무료로 붙여준다고 개봉하라고 해도 하지 마세요. 일부 불량 판매자들이 계약 내용과 어긋나게 계약하는 경우가 간혹 있음. 그렇게 되면 개통 철회를 해야 하고 개봉했다면 어찌할 방도가 없음. 그러니 개통 전 개봉하지 마세요. 10. 개통 후 계약 내용 고객센터 및 앱으로 마지막 재확인 개통된 통신사 고객센터에 다른 폰으로 전화를 걸어 상담원에게 요금제, 잔여 할부금 및 할부 개월 수, 부가서비스, 선약(개월 수) or 공시 인지 등등 여쭤보세요. 물론 앱이나 통신사 홈페이지로도 할 수 있음. 아, 그래서 대체 어디서 사야 하느냐? 덬들의 휴대폰 구매 경로를 정리해봅시다. 1. 동네마다 있는 통신사 직영·대리점 (물론 직영점과 대리점은 다름. 이건 패스) - 특징: 간판에 “나 S*T예요!!!!” / “L*+라구요!!!” / “K*입니다!!!!” 하고 졸라 크게 써있는 곳. - 난이도: ★☆☆☆☆  덬들이 최소한 사기당할 일은 적음.  허나 덬들이 제 값 주고 사면서도 간혹 고요금제 유지 조건, 부가서비스 끼워 팔기 등이 있을 수 있음. 이럴 경우 그냥 쌩까고 집에 와서 114, 통신사 홈페이지, 어플 등에서 변경·해지하면 됨. - 가격: ★☆☆☆☆ 정석 루트. 사기는 안당하니 호갱은 아니지만 지원금이 영 아쉬움. 2. 동네마다 있는 3개 통신사 모두 취급하는 대리점 - 특징: 핸드폰 가게이며 간판에 세 통신사 모두 있음. - 난이도: ★★★★☆ 통신사의 이름을 걸고 하는게 아니라 개인 판매자이기 때문에 사기 위험성 있음. 물론 양심적으로 판매하시는 분들도 많음. - 가격: ★★★☆☆ 잘 알아보고 간다면 1번보다는 그나마 싸게 살 수 있음. 발품 팔아서 돌아다니다 보면 괜찮은 조건에 구매할 수 있는데, 동네마다 ‘성지’라고 불리는 곳이 있음. 동네 지나다니다보면 줄 서있거나 허름한 폰 가게에 바글바글한 경우 목격했을 것임. 바로 그 곳이 성지. 주로 입소문을 탐. 3. 서울 3대 전자상가 (ㅌㅋㄴ마트, 국ㅈ전ㅈ센터, 용ㅅ전자상가) - 특징: 제대로 알고가면 젤 싸지만 대충 공부하고 가면 외려 눈탱이 쳐맞음. - 난이도: ★★★★★ 판매자와 구매자간 온갖 기싸움과 눈치게임이 펼쳐진다. ENTP 원덬이는 이걸 즐기기도 함. - 가격: ★★★★★ 한번 가보면 ‘여지껏 왜 이리 비싸게 주고 샀지?’ 4. 자급제: 공기계 + 알뜰폰 요금제 - 특징: 약정 기간이 없으며, 공기계 구입 시 초기비용이 센 대신 매달 지출하는 금액이 적음. 원덬인 써본 적이 없어서 9덬이 자세하게 알려줄거임. - 난이도: ★★★☆☆ - 가격: ★★☆☆☆ 요새는 알뜰폰 초기보다 가격적인 메리트가 크게 없는 듯. 마지막으로 불량판매자의 사기 유형을 알아보자. 1. 가장 중요한 것은 기계 ‘할부금’임. 할부금 알려 달라 했는데 매달 납부금만 주구장창 계산 → 안녕히 계세요. 2. 에어팟, 라면, 두루마리 사은품 증정 → 됐고 그냥 돈으로 달라 3. 인터넷 결합하시면 추가 할인 돼요 → 집에서 혼자 하면 됨. 대리점이 선심 쓰는거 아님 4. 신용카드 쓰시면 추가 할인 돼요 → 그냥 원래 쓰던 카드 쓰는게 이득. 선심 아님 5. 48개월 할부 계약 해놓고 "24개월 후에 기기반납하시면 24개월 치 대신 내드릴게요"  → 실제로 통신사마다 있는 부가서비스긴 한데 비추. 쓸 거 다 쓰고 공기계 중고로 팔면 훨씬 이득. 출처 : 더쿠
무료 사진 이미지 사이트 5곳[저작권 걱정없어요]
블로그에 포스팅을 하게 되면서 다양한 무료사진이 필요 했습니다. 많은 사이트들이 있는데 제가 써본 결과 가장 유요한 사이트 5개만 간추려 정리해 보았네요. 저작권 걱정없이 고퀄리티 사진 이용하세요. 1위. 픽사베이 https://pixabay.com/ 무려 930,000만장이 넘는 무료사진 사이트로 키워드 검색했을때 가장 많은 사진들을 보유하고 있어요.블로그 사이즈에 맞게 크기별로 다운로드가 가능해 제가 가장 애용하는 사이트 입니다. 2위. 프리 큐레이션 http://www.freeqration.com 250,000 이상의 사진을 보유한 고퀄리티 무료 이미지 사이트입니다. 역시 저작권 걱정없이 쓸 수 있습니다.다운로드 크기도 정할 수 있어 편리하네요. 3위. 언플래쉬 https://unsplash.com/ 퀄리티가 뛰어난 사진들만 있는 고퀄 이미지 무료 사이트입니다. 고급스런 사진이 필요할 때 가장 이용하는 사이트 입니다. 4위. 스탁스냅 https://stocksnap.io 픽사베이보다 사진 수가 적으나 여기 역시 고퀄리티 사진이 필요할 때 이용하는 무료 사진 사이트 입니다. 5위.픽점보 https://picjumbo.com 고화질의 사진이 많은 곳으로 전문 포토 그래퍼가 직접 찍은 사진들이 많습니다. 2편은 저작권 걱정없는 무료 폰트 포스팅을 해보겠습니다. 요런건 좋아요와 클립 부탁합니다. 무료폰트 추천 http://blog.naver.com/odalga/220992494621 https://www.vingle.net/posts/2072372
[슬기로운 코딩생활] 앱인벤터로 10분만에 스마트폰 앱 만들기 - 14
#슬기로운 코딩생활 #앱인벤터 를 하면 #코딩 이 재미있어집니다. #앱인벤터 를 하면 #코딩 이 즐거워집니다. #앱인벤터 를 하면 #코딩 을 하고싶어 집니다. 내가 만든 앱을 내 스마트폰에 설치하고 사용할 수 있습니다. #블록코딩 방식으로 누구나 쉽게 앱을 만들 수 있습니다. 내가 만든 결과물을 스마트폰에서 직접 확인할 수 있으니 이보다 더 좋은 코딩 프로그램은 없습니다. #스크래치 나 #엔트리 는 PC의 해당 프로그램 내에서만 실행을 해볼 수 있습니다. #앱인벤터 는 코딩한 결과를 #스마트폰 에 앱으로 설치해 직접 사용해 볼 수 있기에 #코딩을 통한 #앱만들기 나 #코딩교육 에 가장 #최적화된프로그램 입니다. 이번 시간 목표 : 회의나 대화를 녹음해야할 때 사용할 수 있는 녹음앱 만들기!! (1/3) 앱인벤터 블록코딩을 이용하면 쉽게 녹음기 앱을 만들 수 있습니다. 소리를 녹음해야 하는 모든 경우에 사용 가능하니 필요하신 분들은 만들어보세요~ 앱인벤터 로그인 합니다. 구글 계정이 있다면 바로 로그인 가능합니다. http://appinventor.mit.edu 로그인이 완료되면 [프로젝트]를 클릭 후 [새 프로젝트 시작하기]를 클릭합니다. 프로젝트 이름을 입력하는 창 이 나오면 [Sound_Rec]를 입 력 후 [확인]을 클릭합니다. 컴포넌트 창의 [Screen1]을 클 릭 후 속성 창에서 수평정렬 [가운데 : 3], 수직정렬 [가운데 : 2], 앱이름 [지니녹음기], 배경 이미지 [bg.png], 아이콘 [rec. png]로 설정합니다. 속성 창 스크린방향 [세로], 제목 [지니녹음기]로 입력합니다. 팔레트 창 사용자 인터페이스 그룹에서 [레이블]을 뷰어 창으 로 드래그&드롭합니다. 팔레트 창 [레이아웃] 그룹을 클 릭 후 [수평배치]를 뷰어 창으로 드래그&드롭합니다. 추가로 레이블과 수평배치 컴포넌트를 배치해 화면과 같이 설정합니다. 팔레트 창 [사용자 인터페이스] 그룹을 클릭 후 [버튼]을 뷰어 창 첫 번째 수평배치 안으로 두 번 드래그&드롭합니다. 팔레트 창 사용자 인터페이스 그룹의 [버튼]을 뷰어 창 수평배 치2 안으로 세 번 드래그&드롭 합니다. 컴포넌트 창의 [레이블1]을 클 릭 후 속성 창에서 글꼴굵게 [체 크], 글꼴크기 [16], 텍스트 [녹 음]으로 설정합니다. 컴포넌트 창의 [수평배치1]을 클 릭 후 속성창에서 수평정렬 [가 운데 : 3], 수직정렬 [가운데 : 2], 배경색 [없음]으로 설정합니다. 컴포넌트 창의 [버튼1]을 클릭 후 [이름 바꾸기]를 클릭합니다. 이름 바꾸기 창이 나오면 새 이 름에 [녹음시작]을 입력 후 [확인]을 클릭합니다. 컴포넌트 창의 [녹음시작]을 클릭 후 속성 창에서 이미지 [rec.png], 텍스트 [ ]로 설정합니다. 컴포넌트 창의 [녹음중지]를 클릭 후 속성 창에서 이미지 [rec_stop.png], 텍스트 [ ]로 설정합니다. 컴포넌트 창의 [버튼3]을 클릭 후 [이름 바꾸기]를 클릭합니다. 이름 바꾸기 창이 나오면 새 이 름에 [재생시작]을 입력 후 [확인]을 클릭합니다. 컴포넌트 창의 [재생시작]을 클릭 후 속성 창에서 이미지 [play.png], 텍스트 [ ]로 설정 합니다. 같은 방법으로 컴포넌트 창의 재생 항목의 두번째 버튼의 이름을 [일시정지]로 설정 후 속성 창에서 이미지 [pause.png], 텍스트 [ ]로 설 정합니다. 같은 방법으로 컴포넌트 창의 재생 항목의 세번째 버튼의 이름을 [재생정지]로 설정 후 속성 창에서 이미지 [stop.png], 텍스트 [ ]로 설정합니다. 팔레트 창의 [미디어] 그룹을 클릭 후 [녹음기]를 뷰어 창으로 드래그&드롭합니다. 팔레트 창의 미디어 그룹의 [플레이어]를 뷰어 창으로 드래그&드롭합니다. 팔레트 창의 [저장소] 그룹을 클 릭 후 [파일]을 뷰어 창으로 드 래그&드롭합니다. 녹음기 앱의 화면 디자인이 완료되었습니다. 조금 길었지만 차근차근 해보시면 하실 수 있을겁니다. 다음 시간에는 블록코딩으로 앱을 완성해보겠습니다. 그리고 마지막 시간에는 스마트폰에서 사용하는 방법과 저장된 녹음 파일을 확인하는 방법도 알아보겠습니다. 좋은날 보내시고 또 뵈요~^^* 앱인벤터에 관심이 생겼거나 더 많은 앱을 만들어보고 싶다면 아래 책을 추천해드립니다. [▶ 이 책의 대상 독자] - 코딩을 배우고 싶은 Software 비전공 입문 독자 - 소프트웨어 교육 의무화로 소프트웨어 코딩을 배우고 싶은 학생 - 초등학교, 중학교, 고등학교에서 방과후 교육을 진행하는 선생님 - 대학 및 학원, 직업전문학교 등의 교육 기관에서 코딩을 가르치는 교수님, 선생님 - 스마트폰 앱을 직접 만들어 사용하고 싶은 독자 - 사물인터넷과 스마트 센서를 활용한 앱을 만들고 싶은 독자 - 인공지능을 이해하고 관련 앱을 만들어보고 싶은 독자 [▶이 책에서 다루는 내용] - 블럭코딩을 이용해 스마트폰에서 사용 가능한 앱 만들기 - 음성인식 기능을 활용한 음성을 텍스트로 받아적기 - 가족/지인 전화걸기 앱 만들기 - 언어 번역 앱 만들기 - 녹음기 앱 만들기 - 두더지 잡기 게임 만들기 - 나만의 인터넷 웹브라우저 만들기 - 여러 사이트 검색을 한방에 검색왕 앱 만들기 - 만보기 센서를 이용한 만보기 앱 만들기 - 방위 센서를 활용한 나침반 앱 만들기 - 가속도 센서를 이용한 응급상황 알리미 앱 만들기 - 근접 센서를 이용한 운동 앱 만들기 - 위치 센서를 이용한 내 위치찾기 앱 만들기 - 앱인벤터 확장기능으로 플래시 SOS 앱 만들기 - 인공지능을 이해할 수 있는 챗봇 앱 만들기 - 인공지능 이미지 분석 앱 만들기 - 인공지능 안면인식 앱 만들기 - Facemesh를 이용한 사진 꾸미기 앱 만들기 [▶도서 구매 링크] ───────────────────────────────────────────── 교보문고 : http://www.kyobobook.co.kr/product/detailViewKor.laf?barcode=9791196027223 영풍문고 : https://www.ypbooks.co.kr/book.yp?bookcd=101159743 Yes24 : http://www.yes24.com/Product/Goods/108250143 알라딘 : https://www.aladin.co.kr/shop/wproduct.aspx?ItemId=290859612 인터파크 : https://book.interpark.com/product/BookDisplay.do?_method=detail&sc.prdNo=354596048 ───────────────────────────────────────────── 코딩 초보자분들이 재미있고 쉽게 배울수 있는 책입니다. 추천합니다^^!! 끝까지 읽어주셔서 고맙습니다^^ #코딩 #블록코딩 #앱인벤터 #AppInventor #스크래치 #Scratch #엔트리 #Entry #엠블록 #코딩추천책 #코딩책추천 #앱인벤터책 #앱인벤터강좌 #블록코딩책추천 #앱인벤터추천도서 #코딩책 #사물인터넷 #사물인터넷책추천 #인공지능 #인공지능앱 #인공지능앱만들기 #인공지능책추천 #쉬운코딩 #쉽게앱만들기 #처음코딩 #코딩강좌 #코딩입문
웹서핑 꿀팁! 유용한 크롬 확장 프로그램 Top7
크로미엄 기반 웹브라우저인 '크롬', '웨일', '스윙' 등에서 사용 가능 대부분의 유저들이 PC나 노트북 등을 사용하는 가장 큰 목적은 '인터넷'일 것이다. 심지어 인터넷을 사용하지 않을 것이면 굳이 PC를 사용할 이유도 없다고 말하기도 한다. 물론 문서 작성이나 다운로드 한 동영상 감상 등 인터넷 연결이 필요 없는 작업을 하는 경우도 있겠지만, 요즘에는 다양한 웹기반 서비스들이 나오면서 문서 작성이나 동영상 감상 등도 인터넷으로 실시간 연결된 상태로 이용한다. 그리고 이런 대부분의 작업들은 웹브라우저를 통해서 이뤄진다. 현재 웹브라우저 확장프로그램 생태계 구축이 가장 잘 갖춰진 것은 구글 '크롬'이 첫 손에 꼽힌다. 이전에는 마이크로소프트(MS)의 웹브라우저인 인터넷 익스플로러가 국내외 웹브라우저 시장을 독점했지만, 오픈소스 소프트웨어(SW)인 크로미엄(Chromium) 기반 웹브라우저가 본격적으로 나오면서 밀러난 상태다. MS도 윈도10 출시와 함께 차세대 웹브라우저인 '엣지'를 출시하며 크롬과 유사한 확장 웹스토어를 공개한바 있지만, 현재 등록된 확장 프로그램이 별로 없는 관계로 구글 크롬을 중심으로 유용한 확장 프로그램을 공개한다. 1. AdBlock, Adguard AdBlocker, uBlock Origin 먼저 추천하는 확장 프로그램은 광고 차단기 3종 세트다. 다양한 형태의 광고들이 웹서핑을 방해하는 경험 많이 했을 것이다. 이럴때 유용한 확장 프로그램이 바로 광고차단 프로그램이다. 기존에는 PC의 Host(호스트) 파일을 직접 수정하거나 외부 프로그램을 사용해서 광고를 차단했지만, 크로미엄 기반 웹브라우저를 사용한다면 간단히 확장 프로그램 설정으로 모든게 해결된다. AdBlock은 가장 사용자가 많은 광고 차단 확장 프로그램으로 별다른 설정없이 그냥 설치하고 웹서핑을 즐기면 된다는 큰 장점이 있다. Adguard AdBlocker는 최근 급상승하고 있는 광고 차단기로 영상 광고(유튜브 영상 광고 등)도 차단이 가능하다. 직관적인 UI(유저 인터페이스)를 보여주는 만큼 초보자들도 쉽게 사용할 수 있다. 앞서 AdBlock나 Adguard AdBlocker가 초중급 사용자를 위한 것이라면 uBlock Origin는 고급 사용자를 위한 광고 차단기다. 현재 페이지에 연결된 모든 트래픽 경로를 보여주고 특정 트래픽만 막을 수 있다. 예컨대 특정 사이트에서 전송되는 신호만을 따로 차단하는 것도 가능하고 반대로 항상 허용하는 것도 가능하다. 2. LastPass, Xmarks 비밀번호 유출로 인한 개인 보안 이슈가 늘어나면서 대부분 웹사이트들은 로그인 시 비밀번호 생성 규칙을 강화하고 주기적으로 바꾸도록 요구하고 있다. 문제는 로그인 시 필요한 비밀번호의 자리가 길어지고 특수문자나 알파벳 대소문자 등 다양한 필수 규칙이 생기면서 막상 설정한 비밀번호를 기억하지 못하는 경우가 빈번히 보고되고 있다. 이럴때 필요한 것이 바로 웹사이트 로그인 관리자 애플리케이션이다. LastPass나 Xmarks 모두 이 부분에서 유명한 SW로 크로미엄뿐만 아니라 인터넷 익스플로러나 사파리, 파이어폭스 등 대부분 브라우저를 지원한다. 또한 스마트폰 등 모바일 디바이스도 지원하는 만큼 유용하다. 모든 암호는 암호화된 상태로 관리된다. 3. 구글 Keep, Evernote Web Clipper 웹서핑을 하다 메모가 필요하다면? 특정 웹페이지를 보관하고 싶다면? 바로 구글 킵과 에버노트가 있다. 구글 킵은 구글이 만든 메모장 서비스로 구글 킵 확장 프로그램을 이용하면 웹서핑 도중 여타 도구 필요없이 메모를 할 수도 있고, 웹페이지를 그대로 저장 가능하다. 구글 킵에 저장된 메모는 크롬이 아니더라도 구글 로그인만 한다면 어디서든 바로 확인이 가능하다. 스마트폰에도 애플리케이션이 있는 만큼 쉽게 메모를 하고 확인 가능하다. 모든 디바이스 동기화 기능은 덤이다. 에버노트 웹 클리퍼는 문서작성 관리 애플리케이션인 에버노트를 웹브라우저에서도 사용 가능하도록 도와주는 확장 프로그램이다. 스마트폰의 필수 애플리케이션으로 꼽히는 에버노트를 웹브라우저에서도 사용 가능하고, 웹서핑 도중 발견한 정보를 곧바로 에버노트에 올릴 수 있는 만큼 에버노트 사용자들의 필수 확장 프로그램이다. 4. crxMouse Chrome Gestures, Pig Toolbox 웹서핑을 하는데 키보드 필요없이 마우스만 있으면 모든게 가능하다. 앞으로 가기, 새로고침, 새페이지 생성, 특정 페이지 이동 등 키보드를 결합한 다양한 작업이 마우스 제스처만으로 할 수 있다. 이 부분 대표적인 확장 프로그램인 Pig Toolbox라고 할 수 있는데, 업데이트가 멈춘지 오래되고 크로미엄 버전에 따라 동작하지 않는 경우도 발생하는 만큼 현재 사용하기에는 불편하다. crxMouse는 Pig Toolbox를 대체하려는 사용자들이 많이 선택한 확장 프로그램으로 마우스 제스처 기능만 본다면 Pig Toolbox의 대부분 기능을 crxMouse에서도 동일하게 사용 가능하다. 사용자에 따라 마우스 제스처를 부분적으로 커스텀마이징도 할 수 있는만큼 적응만 된다면 편한 웹서핑을 즐길 수 있다. 5. 구글 번역, TransOver 웹서핑을 국내 사이트에서만 할 수만은 없다. 글로벌 각지의 소식을 빠르게 확인하기 위해서는 영어나 스페인어, 독일어, 일본어, 중국어 등 다양한 언어를 해야만 한다. 하지만 우리에겐 구글 번역기가 있다. 구글 번역 확장 프로그램을 사용하면 원하는 웹페이지를 원하는 언어로 순식간에 번역할 수 있다. 물론 아직 100% 정확하게 번역할 수는 없지만, 최근 인공신경망 번역 기술이 접목되면서 번역 품질이 한층 높아진 만큼 빠르게 번역하기에는 이만한 도구는 없다. TransOver은 특정 단어에 마우스를 가져다 대는 것만으로도 번역해 준다. 구글 번역과 함께 사용한다면 외국 웹사이트도 더이상 두럽지 않다. 6. 드롭박스, 구글 드라이브 개인 파일을 USB 등에 따로 가지고 다닐 필요 없이 언제 어디서나 사용하기 위해서는 드롭박스나 구글 드라이브, 원드라이브 등에 저장하면 된다. 해당 서비스를 이용하기 위해서는 직접 웹브라우저에서 접속 후 이용하거나 외부 프로그램을 설치해야만 했지만, 확장 프로그램을 사용한다면 클릭 한번에 특정 파일을 업로드 시키고 공유하는 것도 가능하다. 드롭박스, 구글 드라이브, 마이크로소프트(MS) 원드라이브 등 대부분 개인 웹하드 서비스들이 확장 프로그램 형태로 지원하는 만큼 해당 서비스를 이용하는 유저라면 필수 프로그램이다. 7. 데이터 세이버 직접 인터넷 연결해서 사용하는 PC나 노트북에서는 필요 없을 수 있지만, 외부에서 급하게 스마트폰을 이용한 테더링 기능을 활용한다면 데이터 걱정이 들 수 있다. 이때 필요한 것이 데이터 사용량을 줄여주는 '데이터 세이버 ' 확장 프로그램이다. 구글이 직접 만든 확장 프로그램으로 구글 서버를 통해 웹페이지를 읽어오는 방식으로 속도가 느려지지 않으면서도 웹서핑에 따른 데이터 사용량은 줄어든다. 구글 서버를 경유하는 방식으로 가상 사설망(VPN) 기능이 일부 적용된다는 장점이 있다. 이밖에도 유튜브 동영상이나 페이스북 동영상을 다운로드 할 수 있는 'Chrono Download Manager', 'Social Video Downloader' 등 다양한 확장프로그램이 있다. 또한 요즘 유행인 모바일 서비스인 인스타그램을 PC에서 손쉽게 사용하게 도와주는 'Websta for Instagram', 웹페이지 캡쳐를 할 수 있는 'Awesome Screenshot', 국내 쇼핑몰 가격 비교를 자동으로 해주는 '마트모어' 등 다양한 확장 프로그램을 통해 보다 편리한 웹서핑을 즐길 수 있길 바란다. 단, 확장 프로그램을 추가해 사용하기 이전에 반드시 믿을만한 개발자나 개발사가 만든 확장 프로그램인지 확인하는 과정이 필요하다. 최근 멀웨어가 삽입된 확장 프로그램도 보고되는 만큼 주의해야 한다.
[슬기로운 코딩생활] 앱인벤터로 10분만에 스마트폰 앱 만들기 - 15
#슬기로운 코딩생활 #앱인벤터 를 하면 #코딩 이 재미있어집니다. #앱인벤터 를 하면 #코딩 이 즐거워집니다. #앱인벤터 를 하면 #코딩 을 하고싶어집니다. 내가 만든 앱을 내 스마트폰에 설치하고 사용할 수 있습니다. #블록코딩 방식으로 누구나 쉽게 앱을 만들 수 있습니다. 내가 만든 결과물을 스마트폰에서 직접 확인할 수 있으니 이보다 더 좋은 코딩 프로그램은 없습니다. #스크래치 나 #엔트리 는 PC의 해당 프로그램 내에서만 실행을 해볼 수 있습니다. #앱인벤터 는 코딩한 결과를 #스마트폰 에 앱으로 설치해 직접 사용해 볼 수 있기에 #코딩을 통한 #앱만들기 나 #코딩교육 에 가장 #최적화된프로그램 입니다. 이번 시간 목표 : 회의나 대화를 녹음해야할 때 사용할 수 있는 녹음앱 만들기!! (2/3) 지난시간에 녹음기 앱의 디자인을 완성했습니다. 이번 시간에는 지난 시간에 이어 블록코딩을 해보겠습니다. 화면 디자인을 위한 컴포넌트 등록 및 속성 설정이 완료되었습니다. 블록 창으로 이동을 위해 [블록]을 클릭합니다. 녹음 버튼 동작 구성을 해보겠습니다. 블록 창에서 [녹음시작] 을 클릭 후 [언제 녹음시작.클릭 했을때 실행] 블록을 뷰어 창으로 드래그&드롭합니다. 블록 창에서 [녹음기1]을 클릭 후 [호출 녹음기1.시작하기] 블록을 뷰어 창 '언제 녹음시작.클릭했을때 실행' 블록 안으로 드래그&드롭합니다. 블록 창에서 [녹음시작]을 클릭 후 [지정하기 녹음시작.이미지 값] 블록을 뷰어 창 '언제 녹음 시작.클릭했을때 실행' 블록 안으로 드래그&드롭합니다. 블록 창에서 [녹음시작]을 클릭 후 [지정하기 녹음시작.활성화 값] 블록을 뷰어 창 '언제 녹음시작.클릭했을때 실행' 블록 안으로 드래그&드롭합니다. 블록 창에서 [텍스트]를 클릭 후 [' '] 블록을 뷰어 창 '지정하기 녹음시작.이미지 값' 블록에 연결합니다. 드래그&드롭한 [' '] 블록을 클릭해 [rec_ing.png]로 입력합니다 블록 창에서 [논리]를 클릭 후 [거짓] 블록을 뷰어 창 '지정하기 녹음시작.활성화 값' 블록에 연결합니다. 이어서 녹음을 중지할 때 필요한 블록을 구성해 보겠습니다. 블록 창에서 [녹음중지]를 클릭 후 [언제 녹음중지.클릭했을때 실행] 블록을 뷰어 창으로 드래그&드롭합니다. 블록 창에서 [녹음기1]을 클릭 후 [호출 녹음기1.정지] 블록을 뷰어 창 '언제 녹음중지.클릭했 을때 실행' 블록 안으로 드래그&드롭합니다. 블록을 복제해 사용하겠습니다. [지정하기 녹음시작.이미지 값] 블록에서 마우스 오른쪽 버튼을 누른 후 [복제하기]를 클릭합니다. [지정하기 녹음시작.활성화 값] 블록에서 마우스 오른쪽 버튼을 누른 후 [복제하기]를 클릭합니다. 복제된 블록들을 [언제 녹음중지.클릭했을때 실행] 블록 안으로 드래그&드롭합니다. '지정하기 녹음시작.이미지 값' 블 록에 연결된 블록의 값을 [rec. png]로 설정합니다. '지정하기 녹음시작.활성화 값' 블록에 연 결된 블록의 값을 [참]으로 설정합니다. 블록 창에서 [녹음기1]을 클릭 후 [언제 녹음기1.녹음후에 실행] 블록을 뷰어 창으로 드래 그&드롭합니다. 블록 창에서 [플레이어1]을 클릭 후 [지정하기 플레이어1.소스 값] 블록을 뷰어 창 '언제 녹음기1.녹음후에 실행' 블록 안으로 드래그&드롭합니다. 뷰어 창 '언제 녹음기1.녹음후에 실행' 블록에서 [소리]를 클릭 후 [가져오기 소리] 블록을 ' 지정하기 플레이어1.소스 값' 블록에 연결합니다. 이번에는 녹음한 소리를 재생하는 블록을 구성해 보겠습니다. 블록 창에서 [재생시작]을 클릭 후 [언제 재생시작.클릭했을때 실행] 블록을 뷰어 창으로 드래그&드롭합니다. 블록 창에서 [플레이어1]을 클릭 후 [호출 플레이어1.시작하기] 블록을 뷰어 창 '언제 재생시작.클릭했을때 실행' 블록 안으로 드래그&드롭합니다. 블록 창에서 [일시정지]를 클릭 후 [언제 일시정지.클릭했을때 실행] 블록을 뷰어 창으로 드래그&드롭합니다. 블록 창에서 [플레이어1]을 클릭 후 [호출 플레이어1.일시정지하기] 블록을 뷰어 창 '언제 일시정지.클릭했을때 실행' 블록 안으로 드래그&드롭합니다. 블록 창에서 [재생정지]를 클릭 후 [언제 재생정지.클릭했을때 실 행] 블록을 뷰어 창으로 드래 그&드롭합니다. 블록 창에서 [플레이어1]을 클 릭 후 [호출 플레이어1.정지] 블록을 뷰어 창 '언제 재생정 지.클릭했을때 실행' 블록 안으 로 드래그&드롭합니다. 블록 구성이 완료되었습니다. 앱 테스트를 위해 [빌드]- [Android App (.apk)]를 클릭합니다. 아이폰 사용자는 [연결]- [AI 컴패니언]을 이용합니다. 앱 빌드 작업이 진행됩니다. 앱 빌드가 완료되면 QR코드가 표시됩니다. PC 작업이 완료되었습니다. 이번 시간에는 블록코딩으로 앱 기능을 구현해보았습니다. 다음 시간에는 앱을 스마트폰에 설치하고 테스트하는 과정과 녹음된 파일을 확인하는 방법에 대해 알아보겠습니다. 다음 시간에 또 봐요~^^* 앱인벤터에 관심이 생겼거나 더 많은 앱을 만들어보고 싶다면 아래 책을 추천해드립니다. [▶ 이 책의 대상 독자] - 코딩을 배우고 싶은 Software 비전공 입문 독자 - 소프트웨어 교육 의무화로 소프트웨어 코딩을 배우고 싶은 학생 - 초등학교, 중학교, 고등학교에서 방과후 교육을 진행하는 선생님 - 대학 및 학원, 직업전문학교 등의 교육 기관에서 코딩을 가르치는 교수님, 선생님 - 스마트폰 앱을 직접 만들어 사용하고 싶은 독자 - 사물인터넷과 스마트 센서를 활용한 앱을 만들고 싶은 독자 - 인공지능을 이해하고 관련 앱을 만들어보고 싶은 독자 [▶이 책에서 다루는 내용] - 블럭코딩을 이용해 스마트폰에서 사용 가능한 앱 만들기 - 음성인식 기능을 활용한 음성을 텍스트로 받아적기 - 가족/지인 전화걸기 앱 만들기 - 언어 번역 앱 만들기 - 녹음기 앱 만들기 - 두더지 잡기 게임 만들기 - 나만의 인터넷 웹브라우저 만들기 - 여러 사이트 검색을 한방에 검색왕 앱 만들기 - 만보기 센서를 이용한 만보기 앱 만들기 - 방위 센서를 활용한 나침반 앱 만들기 - 가속도 센서를 이용한 응급상황 알리미 앱 만들기 - 근접 센서를 이용한 운동 앱 만들기 - 위치 센서를 이용한 내 위치찾기 앱 만들기 - 앱인벤터 확장기능으로 플래시 SOS 앱 만들기 - 인공지능을 이해할 수 있는 챗봇 앱 만들기 - 인공지능 이미지 분석 앱 만들기 - 인공지능 안면인식 앱 만들기 - Facemesh를 이용한 사진 꾸미기 앱 만들기 [▶도서 구매 링크] ───────────────────────────────────────────── 교보문고 : http://www.kyobobook.co.kr/product/detailViewKor.laf?barcode=9791196027223 영풍문고 : https://www.ypbooks.co.kr/book.yp?bookcd=101159743 Yes24 : http://www.yes24.com/Product/Goods/108250143 알라딘 : https://www.aladin.co.kr/shop/wproduct.aspx?ItemId=290859612 인터파크 : https://book.interpark.com/product/BookDisplay.do?_method=detail&sc.prdNo=354596048 ───────────────────────────────────────────── 코딩 초보자분들이 재미있고 쉽게 배울수 있는 책입니다. 추천합니다^^!! 끝까지 읽어주셔서 고맙습니다^^ #코딩 #블록코딩 #앱인벤터 #AppInventor #스크래치 #Scratch #엔트리 #Entry #엠블록 #코딩추천책 #코딩책추천 #앱인벤터책 #앱인벤터강좌 #블록코딩책추천 #앱인벤터추천도서 #코딩책 #사물인터넷 #사물인터넷책추천 #인공지능 #인공지능앱 #인공지능앱만들기 #인공지능책추천 #쉬운코딩 #쉽게앱만들기 #처음코딩 #코딩강좌 #코딩입문
구글 입사 제의 받은 디시인의 포트폴리오.jpg
워 이정도는 되야 구글에 입사하는건가 ㄷㄷㄷ 일단 창의력이 어마어마한데 예술을 자기만의 걸로 해석하고 표현하는게 대단함 일에 대한 집념까지 갖추셨네 + 원글쓴이가 말하는 포폴팁 저는 이렇게 쓸데없는 짓을 많이 하는 편인데요,  이런 쓸데없는 짓이 저를 부지런하게 만드는것 같아요.  저는 개인적으로 일 외엔 따른 취미생활이 없어요. 게임도 안하고 티비도 안봅니다.  그냥 일하는게 제일 재미있는것 같아요.  그래서 이런 쓸데없는 개인작업을 많이 하는 편인데,  이런 돈도 안되고, 또 실제 프로젝트에 사용하기에는 힘든 기술과, 디자인이지만,  이런걸 만들어봄으로써 배우는게 참 많은것 같습니다.  그리고 그렇게 배웠던 것들이 나를 성장 시키고 실제 프로젝트에도 유용하게 쓰였던 적이 많았어요.  그리고 이 작업을 보고 구글에서 입사제의가 와서 지금까지 구글에서 일을 하고 있는데요.  만약에 제가 이런 개인 작업을 하지 않고 회사 일만 했었다면,  세상 누구도 내가 어떤 디자이너인지, 뭐를 잘하는지 몰랐을 겁니다.  나는 어떤 일을 하고싶어 라고 말로만 하기보단,  내가 하고싶은 디자인을 개인작업으로라도 포트폴리오를 계속 쌓는게 중요하다고 생각해요. 그렇게 쌓은 포트폴리오는 나라는 디자이너를 정의하는데 아주 중요한 역활을 합니다 :) 움직이는 모습과 더 자세한 내용은 영상에서 보실 수 있습니다 :)