은성의 개발블로그

안녕하세요! 장메이입니다. 제가 웹이나 앱을 개발하려고 하는데 디자인적 센스가 없어서 난감했어요 UIUX 수업은 잠깐 들었지만, 부족하다고 느꼈어요. 초보자로서 개발자로서 기초적으로 알아야 할 UXUI 지식을 배우고 싶었어요. 그래서 제가 읽은 책은 '사용자를 사로잡는 UXUI 실전 가이드'입니다! 1. 책 내용 UIUX 디자인에 대해 기초부터 설명하면서 앱의 버튼, 기능 등도 자세하게 나와있습니다! 좋은 디자인과 좋지 않은 디자인을 이미지로 비교해서 시각적으로 이해하기 쉬웠어요. 디자인뿐만 아니라 회사에서 사용하는 계획 세우기, 사용자에 대한 심리 등 저자가 디자이너로 살면서의 지식이 많이 담겨있어요. 그리고 웹/앱 디자인을 한 경험이 녹아있어서 실무적으로 와닿았어요. 책 내용은 앱 사용한 경험이 있다..

git을 어느정도 배웠지만 branch에 대해 어려워 하신다면 이 사이트를 추천합니다! https://learngitbranching.js.org/?locale=ko Learn Git Branching An interactive Git visualization tool to educate and challenge! learngitbranching.js.org 이미지로 branch가 어떻게 되는지 알 수 있어서 이해하기 쉬울 거예요! (저도 해봤지만 어려웠던.. 그래도 배워볼겁니다!!) 여러분도 한번 써보시길 바랍니다! git 공부 파이팅~!

안녕하세요! 장메이입니다. 저번에 전화 영어를 한번 해봤는데 제 실력이 처참하다고 깨달았어요.. 그래서 영어 공부를 꾸준히 해야겠다고 생각했습니다! 제가 사용한 앱은 ' 3030 영어 '입니다! 1. 레벨 테스트 후 결과에 맞춰서 수업 듣기 뭐부터 시작하기 고민돼서 레벨 테스트를 해서 제 수준 알 수 있었어요. 부끄럽지만 미국 유치원생 수준..ㅋㅋㅋ 말하기 STEP1부터 들으라고 하네요! 이런 식으로 자신의 수준에 맞춰 공부합니다. 2. 말하기 부분과 듣기 부분 강의실에 들어가면 말하기 파트와 듣기 파트로 나눠지는데 말하기 파트는 패턴형으로 말하면서 익히고 듣기 파트는 대화를 따라 말하는 식으로 진행합니다! + 추천하는 듣기 파트! 대화문을 외우기 저는 패턴형으로 배우기보다는 대화문이 좋아해서 듣기 파트..

많은 사람을 이끈다는 건 정말 어려워요. 서로 다르니깐 제가 들었으면 받아들였을 말을 상대방은 자신의 탓만 한다고 화내기도 했어요. 그 외에도 갑자기 이렇게 하면 못 할 것 같다고 아예 나가버리겠다고 하고 메시지를 읽어도 답장도 반응도 없어서 힘이 빠지고 속상해요. 이 일을 겪으면서 리더십 영상을 여러 개 보고 왜 이런 일이 일어났고, 어떤 선택을 했어야 이 일이 안 일어났을까.. 고민했습니다. 리더십 영상에서도 고민 글에서도 하는 말이 '처음부터 완벽한 리더는 없다' 입니다. 또, 말할 때는 1. 자신의 감정을 생각하고 2. 뭐가 진실인지 3. 원하는 게 뭔지 를 생각해야 한다고 합니다. 저는 이번에 '메시지'에 많이 생각했습니다. 프로젝트에 관련된 얘기는 생각을 정리하고 상대방의 성격까지 파악한 뒤 ..

약 1년 전에는 도전하는 게 무섭고 하기 싫었는데, 지금은 새로운 것에 호기심을 갖고 도전하는 마음가짐을 가지게 됐어요. 창업 동아리도 가입 신청하고, 블로그도 시작하고, 프로젝트도 참여하고, 방학 때 다양한 수업을 배우고,,, 열심히 해보는 중이에요! 대면 수업이라 친구들이랑 만나서 재밌어요!! 다양한 사람들을 만나서 좋아요 어느 때보다 지금이 제일 행복해요. 일을 벌려놔서 힘들 때도 있지만, 그것도 경험이 되고 내 밑거름이 될 거라 긍정적인 마인드로 살고 있어요. 비록 실패할 때도 있지만, 왜 실패했는지 되돌아보며 문제점을 개선하는 시간도 소중해요. 아무것도 하지 않고 후회하는 것보다는 도전해보고 후회하는 게 좋지 않을까요? 앞으로의 삶이 너무 기대돼요!! ( 창업 동아리랑 운동 동아리를 병행하면 힘..

머스태치 문법 {{ }} vue에서 사용하는 방법이다. 이 안에 요소의 이름을 넣는다. v-text tag전체를 바꿔주므로 비어있는 tag로 해야 한다. v-if | v-else-if | v-else 조건을 줘서 그 조건에 해당할 때만 나오게 한다. v-if ,v-else를 쓰기 위해서는 바로 태그가 이어져야 한다. 즉, 중간에 다른 태그가 있으면 안 된다. My name is {{ user.name }} 이름을 보여줄 수 없습니다. 당신은 성인입니다. 당신은 청소년입니다. 당신은 어린이입니다. key : 반복문(v-for)을 줄 때 꼭 넣어야 한다. unique한 값을 넣는다. (중복되지 않는 것) {{}} 안에 수식이 하나만 있어야 한다. 수식이 중복 X 단, v-if 와 v-for를 함께 쓸 수 없..

선택창 안에 여러 개의 옵션을 만드는 방법 태그 안에 아래 코드를 입력한다. Morning Afernoon Night 태그 안에 넣을 문자 를 필요한 만큼 넣으면 된다. name = "선택창이름" 위에 코드를 실행하면 아래와 같이 나온다.

frontend - 웹 화면 담당 - 데이터 조회하고 화면에 전달 - 화면에 주소를 담당하는 라우팅 - web publishing : 디자인된 내용을 화면에 구현 - UI, 데이터처리 및 상태 값 관리 backend - 중요한 서비스 로직 - 보안 - 디비 연결 및 관리 - 서비스 코어 기능 - 서버 전송처리 - 모델링 작업 (수집된 데이터 관리) progressive framework library : 자바스크립트를 더욱 손쉽고 편리하게 도와주는 도구 SPA 방식 (single page application) : 하나의 페지가 모든 화면과 기능을 담고 있음 ( 페이지를 한 번만 불러오면 됨) 1. vue angular와 react의 장점만 골라 만들어졌다. 비교적 쉬운 학습 난이도 성능도 리액트와 비교..

간단한 프로젝트라면 아래 코드처럼 초기화 해도 되지만, *{margin:0; padding:0;} 큰프로젝트라면 init.css / reset.css / initialize.css 를 검색한 후 가져다가 쓰는게 낫다. outline : border의 바깥 외곽선 - 요소를 두드러져 보이게 만들고자할 때 사용 - outline 선의 너비는 레이아웃에 관려하지 않고 눈에만 선이 보인다. vh = viewport height vw = viewport width => 스크린 크기에 맞게 상대적 크기를 반환 100vh, 100vw - 전체 화면의 기준 (예시) 스크린 크기가 height = 1000px, width = 600px => 1vh = 10px / 1vw = 6px [ 그라데이션 ] background:..

DOM - 오브젝트 모델 형태로 제어를 하고 interactive 효과를 준다. EVENT btn.addEventListener("행위","작동되는 내용") - 행위에는 click 등을 쓴다. - 이벤트를 자체에 대한 내용을 인자부분에 작성 데이터를 보내는 방식 1. GET - 주소에 요청하는 내용을 함께 보내는 방식 2. POST - body에 포함해서 보내는 방식 [ Network ] //정상 Status Code: 200 //페이지가 없을때 Status Code: 404 //서버에 에러 Status Code: 500 fetch() api를 불러오고 정보를 내보내는 함수 get과 post 방식을 설정한다. 설정을 안하면 기본적으로 get json() - 응답(response stream)을 받아 읽고..