본문 바로가기

전체 글75

[Web] 서버/클라이언트 - ( week 2) API 클라이언트가 데이터를 요청할 때 보내야 하는 정보의 형식을 말한다. 서버에 데이터를 요청할 때에 Get과 Post 타입으로 요청을 한다. Get 영화 목록이나 게시물 등 일반적으로 누구나 조회할 수 있는 데이터를 요청할 때 타입이다. Post 회원가입, 탈퇴, 비밀번호 수정 등의 데이터의 생성, 변경, 삭제 요청할 때 보내는 타입이다. Get방식의 데이터 전달방법 주소창의 URL을 보면 어떤식으로 서버에 요청을 하는지 볼 수 있다. https://news.naver.com/main/main.naver?mode=LSD&mid=shm&sid1=105 URL은? 를 기준으로 크게 두 부분으로 구분된다. ? 앞부분 https://news.naver.com/main/main.naver 서버의 주소를 나타낸.. 2023. 4. 18.
[Web] JQuery - ( week 2) JQuery 자바스크립트를 미리 작성한 코드이다. 자바스크립트로 코드를 만들기 위해서는 복잡한 과정을 거쳐야 하는데 반복되고 자주 사용되는 형태의 문장을 미리 구조화된 코드로 만들어 놓은 것이라고 할 수 있다. document.getElmentById("element").style.display = "none"; // js => $('#element').hide(); // jquery 연습 jquery를 사용해서 html의 문자를 바꾸어 본다. function checkResult(){ //alert('Hello World!') let a = '사과' $('#q1').text(a) alert(a) } 자바스크립트 문법 연습하기! 1. 함수 결과 확인하기! 2. 리스트 테스트 버튼을 클릭하게 되면 id=".. 2023. 4. 18.
[Web] JavaScript - ( week 2) 자바스크립트 브라우저가 알아들을 수 있는 거의 유일한 표준언어이다. 함수의 선언은 html에서 css를 사용하기 위해서 style 태그를 쓰듯이 script 태그 안에 작성하면 된다. 이 함수를 호출하기 위해서 Button의 onclick 이벤트에 함수를 등록한다. Add Movie 그리고나서 페이지에서 버튼을 클릭해 보면 알림 창이 뜨면서 작성했던 문자가 출력되는 것을 확인해 볼 수 있다. 이렇게 html에 움직임을 추가하기 위해서 사용하는 언어가 자바스크립트이다. 콘솔 찍어보기 함수의 내용을 변경하고 브라우저의 개발자 도구를 켜고 버튼을 눌러본다. function hey(){ //alert('안녕하세요!') console.log('안녕하세요!') } 이번에는 개발자 도구의 콘솔창에 문자가 뜨는 것을 .. 2023. 4. 18.
[Flutter] 클론코딩(Shazam) 3.첫번째 페이지 - ( week 2 ) 현재 페이지 구현은 난이도 순서대로 진행되었다. 마지막 첫 번째 페이지는 비교적 난도가 높은 작업이다. 3. 첫번째 페이지 상단부터 작업을 한다. 상단에는 아이콘과 텍스트가 배치되어 있다. return SafeArea( child: Column( children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Icon(Icons.settings), Text("라이브러리"), Icon(null), ], ) ], ), ); 아이콘과 텍스트 두 위젯만 넣고 spaceBetween으로 정렬하면 양옆으로 위젯들이 붙게 되는데 이때 Icon(null)을 해주면 텍스트가 중앙에 배치되는 요령이 있다. 아이콘을 정렬해 주는데 Padding으.. 2023. 4. 18.

티스토리툴바