본문 바로가기

분류 전체보기135

[javascript] 한 페이지 요약(전공자 기준) react native를 배우기 위해 선수로 javascript를 배우기로 하였다. 이 한 페이지에 js에 대해 배운 모든 내용을 담을 것이다. 생활코딩 선생님의 js강의를 듣기로 결정하였다. https://www.youtube.com/watch?v=PZIPsKgWJiw&list=PLuHgQVnccGMA4uSig3hCjl7wTDeyIeZVU&index=1 https://opentutorials.org/course/743 이미 알고 있는 내용은 적지 않고 꼭 필요한 내용만 적을 것이다. 9.7 시작 ~ 9.10 끝 웹 서버 역할 이렇게 js는 웹서버 역할도 할 수 있다. node.js는 서버, 웹브라우저는 클라이언트 환경마다 다른 함수 웹 브라우저에서 경고창을 띄우기 위해서는 alert, node.js로 .. 2023. 9. 7.
[react native] 프론트 개발 시작 - 초기 설정 백 개발 하려다가 너무 막막해서 뭐라도 띄우자 라는 생각이 들었다. 시작부터 내가 완전히 무지했다는 생각이 들었다. 검색을 하다가 react native를 사용할지, flutter를 사용할지 고민하게 되었는데, 둘 다 잘 모르겠다면 더 많이 들어본 것을 선택하자 라는 생각으로 react native를 선택하게 되었다. 지금 친구들도 react native를 많이 사용하고 있어 더 접근성이 좋다는 생각에서였다. https://reactnative.dev/docs/environment-setup 이 링크를 그대로 따라하니, 아래 화면까지는 띄우는데 성공했다~! 일단 첫 걸음은 뗀 것 같아서 기분이 좋다! 위 화면은 expo go라는 어플을 사용했다. xcode를 사용하면 컴퓨터로도 띄울 수 있다고 한다. 그.. 2023. 9. 6.
[flask] 백엔드 개발 시작 - 로컬 서버 열기 처음부터 시작하려니까 뭐부터 해야할지 모르겠다. 계속 검색하다가 일단 로컬 서버 여는 것 부터 시작했다. 1. 우선 가상환경을 설치해야 한다. python3 -m venv 가상환경명(예: projectvenv) 2. flask를 설치해야 한다. pip install flask 3. app.py를 만들고 아래 코드를 입력시킨다. 그 후 같은 폴더에서 flask run을 입력한다. from flask import Flask app = Flask(__name__) @app.route('/') def index(): return 'flask 예제.' if __name__ == '__main__': app.run('0.0.0.0', port=5000, debug=True) 이렇게 잘 연결 되는 것을 볼 수 있다! 2023. 9. 6.
[figma] 전체적인 디자인 90% 완성 참고로 날씨에 따라서 배경 색이 바뀔 예정이다. 또한, 추후에 환경 설정도 만들 예정이다! 2023. 9. 6.
[figma] 단축키 - status bar 정렬 옵션 + w : 상단 정렬 옵션 + h : 가운데 정렬 shift + r : 가이드라인 보기/해제 cmd + r : 기능 검색 cmd + g : 그룹 설정 cmd + option + g : 프레임 설정 cmd + shift + L : 잠금 2023. 9. 4.
[figma] UI 구조 만들면서 낙서장 단축키 : https://parkyoungkyu.tistory.com/entry/figma-%EB%8B%A8%EC%B6%95%ED%82%A4 status bar는 구글링하면 바로 나옴. option + w,h로 정렬시킴. 제목 글씨 속성 : semi bold, 24pt, 행간 34, 자간 -2.5? 본문 글씨 속성 : regular, 14pt, 행간 22, 자간 -2.5, 색상 767676 가이드라인 설정 가이드 설정 cmd + /를 눌러 ruler를 꺼내 눈금자를 표시하고, 눈금자를 드래그하면 가이드라인이 설정된다. 아이콘 만들기 원과 선으로 뚝딱뚝딱 메뉴 아이콘을 만들었더니, 사이즈를 조절 할 시 원래 모양이 유지되지 않는 문제가 발생했다. 다음과 같이 outline stroke를 설정해주면 아이콘 .. 2023. 9. 4.
프로젝트 시작! 지난 한 학기동안 근로 장학생으로서 일도 하고, 개발에 대해 배우면서 견문이 어느정도 넓어진 것 같다. 이제 3학년 2학기에 접어들었고, 내가 스스로 어플을 만들어보고 싶다는 생각이 들었다. 오늘부터 바로 시작이다! 어떤 어플인가? '날씨의 아이'라는 날씨 어플을 만들 것이다. 다른 어플들과는 다르게, 기온과 비가 오는지 오지 않는지에 대한 유무만 보여주는 어플이다. 만약 비가 온다면 푸시 혹은 SMS로 알림을 보내는 기능도 만들 예정이다. 목표 디자인부터 백, 프론트까지 직접 시도해 적어도 기본은 할 수 있게끔 성장하는 것이 최종 목표이다. 혼자 해야하는 프로젝트여서 구현해야 할 기능들을 최소화 시켰다. 프로젝트 상 목표는 앱 배포까지 직접 해보는 것이다. 여러가지 변수가 많이 등장할 것이다. 그 변수.. 2023. 9. 4.
[pytest] 파이썬 api 테스트 1. UI test / End-to-End test : UI에 직접 입력하고 기능이 정상 작동하는지, 화면에 정상으로 출력되는지 테스트해 보는 방식. 실제 서비스 사용과 같이 테스트할 수 있다. 하지만 시간이 많이 소요되고 모든 시스템을 실행 시키고 연결해야 테스트가 가능하다. Selenium 같은 UI 테스트 프레임워크로 어느 정도 자동화 가능하지만 완벽한 자동화엔 어려움이 있다. 2. Integration test : 테스트하고자 하는 시스템을 실행시켜 실행하는 테스트. 하나의 시스템만 테스트하므로 UI 테스트에 비해 실행 시간과 설정이 간단하고, UI 요소가 없는 시스템의 경우 테스트하기 용이하다. 3. Unit test : 시스템을 실행하여 테스트하기보다 코드를 직접 테스트하는 개념. 함수등 시스.. 2023. 8. 30.
[python] 정규표현식 phone_format = r'^[0][0-9]{9,10}$' delete_hyphen_phone = re.sub('[-]', '', delivery_info['phone']) print(check_valid_input(delete_hyphen_phone, phone_format)) def check_valid_input(inp, format): if re.match(format, inp): return True print(inp, format) return False 꽤 오래 전에 작성한 코드였는데, 코드 살펴보다가 생각나서 올린다. phone_format : r을 앞에 붙여 만든 정규표현식 delete_hyphen_phone : 하이푼을 빈 문자열로 대체한 결과값. - re.sub함수를 이용한, 정규.. 2023. 8. 28.

티스토리툴바